/* CSS Document */

/*===========================header=============================*/
#nav ul li h3,
.top_menu {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

#header {
    z-index: 999;
    width: 100%;
    height: 6.375rem;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 998;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

#header>.m {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    position: static;
}

#header .fr {
    margin-left: 5rem;
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    max-width: 1090px;
}

/* #header .line01{ position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #f5f5f5; z-index: -1;} */
#logo {
    flex-shrink: 0;
}

#logo a {
    display: flex;
    height: 100%;
    align-items: center;
}

#logo img {
    width: 13rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

#logo .img01 {
    display: none;
}

#logo .img02 {
    display: block;
}

#nav {
    flex-grow: 1;
}

#nav ul {
    display: flex;
    flex-grow: 1;
}

#nav ul li {
    float: left;
    position: relative;
    z-index: 0;
    flex-grow: 1;
}

#nav ul li>a {
    display: block;
    text-transform: uppercase;
    font-size: 0;
    text-align: center;
}

#nav ul li>a>h3 {
    font-size: 1rem;
    text-align: center;
    color: #333;
    line-height: 5.375rem;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 1;
    display: inline-block;
}

#nav ul li.on h3,
#nav ul li:hover h3 {}

#nav ul li>a>h3:before {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    transition: 0.3s ease-in-out;
    transform: scaleX(0);
    transform-origin: center;
}

#nav ul li.on>a>h3:before,
#nav ul li:hover>a>h3:before {
    transform: scaleX(1);
}

#nav li .sub {
    position: absolute;
    position: absolute;
    padding-top: .5rem;
    left: 50%;
    top: 100%;
    z-index: 999;
    transform-origin: 0 0 0;
    transform: translateY(10px) translateX(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
}

#nav li .sub .box {
    padding: 0;
    text-align: center;
    background: #fff;
    padding: 1rem 1.5rem;
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px #3333334d;
}
#nav li .sub .box a:hover{ 
    color: #fff;
    background-color: #af1e28;}
#nav li .sub a {
    padding: 0;
    line-height: 2rem;
    transition: .3s;
    font-size: .875rem;
    color: #505050;
    text-align: center;
    white-space: nowrap;
}

#nav li:hover .sub {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px) translateX(-50%);
}

#nav>ul>li.on>a,
#nav li:hover>a,
#header.xg #nav li.on>a,
#header.xg #nav li:hover>a {}

#nav li .sub .box a {}

#nav li:last-child>a .h3:after {
    display: none
}

#nav li:nth-child(7) .sub,
#nav li:nth-child(8) .sub {
    left: auto;
    right: 0
}
.text-align{text-align: center;}
.pro_navlist {
    position: fixed;
    left: 0;
    top: 6.375rem;
    width: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.pro_navlist:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    background: #f5f5f5;
}

.pro_navlist dl {
    border-right: 1px solid #ececec;
    text-align: left;
}

.pro_navlist dt {
    margin-bottom: 1.25rem;
}

.pro_navlist dt h3 {
    font-size: 1.125rem;
    color: #262626;
    font-weight: bold;
    margin-bottom: .625rem;
}

.pro_navlist dt h4 {
    font-size: .75rem;
    color: #7c7c7c;
}

.pro_navlist dd {}

.pro_navlist dd a {
    display: block;
    font-size: .675rem;
    color: #555555;
    line-height: 2rem;
}

.pro_navlist .bd {
    overflow: hidden;
    position: relative;
    padding: 3.5rem 0 4.5rem;
}

.pro_navlist .bd .innerbox {
    flex-flow: wrap;
    justify-content: space-between;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 2.125rem;
    row-gap: 2.125rem;
}

.pro_navlist dl {}

.pro_navlist dl:nth-child(6n) {
    border: 0;
}

.pro_navlist dd a:hover {
    color: #af1e28;
}

.pro_navlist .close {
    position: absolute;
    top: 2rem;
    right: 0;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    transition: .3s;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro_navlist .close:hover {
    background: #eee;
}

.pro_navlist.act {
    opacity: 1;
    visibility: visible;
}


/*解决方案*/
.case_navlist {
    position: fixed;
    left: 0;
    top: 6.375rem;
    width: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.case_navlist:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    background: #f5f5f5;
}

.case_navlist dl {
    border-right: 1px solid #ececec;
    text-align: left;
}

.case_navlist dt {
    margin-bottom: 1.25rem;
}

.case_navlist dt h3 {
    font-size: 1.125rem;
    color: #262626;
    font-weight: bold;
    margin-bottom: .625rem;
}

.case_navlist dt h4 {
    font-size: .75rem;
    color: #7c7c7c;
}

.case_navlist dd {}

.case_navlist dd a {
    display: block;
    font-size: .875rem;
    color: #555555;
    line-height: 2rem;
}

.case_navlist .bd {
    overflow: hidden;
    position: relative;
    padding: 3.5rem 0 4.5rem;
}

.case_navlist .bd .innerbox {
    flex-flow: wrap;
    justify-content: space-between;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 2.125rem;
    row-gap: 2.125rem;
}

.case_navlist dl {}

.case_navlist dl:nth-child(6n) {
    border: 0;
}

.case_navlist dd a:hover {
    color: #af1e28;
}

.case_navlist .close {
    position: absolute;
    top: 2rem;
    right: 0;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    transition: .3s;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case_navlist .close:hover {
    background: #eee;
}

.case_navlist.act {
    opacity: 1;
    visibility: visible;
}
/*end*/

.top_menu_box {
    display: flex;
    margin-left: 2rem;
}

.top_menu_box .top_menu {
    display: flex;
    margin-left: 2.25rem;
    align-items: center;
    position: relative;
    z-index: 1;
    border-radius: 50%;
}

.top_menu_box .top_menu a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.top_menu_box .top_menu svg {
    width: 1.25rem;
    height: 1.25rem;
}

.top_menu_box .top_menu.btn_language svg path {
    fill: #333;
}

.top_menu_box .top_menu svg:nth-child(3) {
    width: .75rem;
    height: .75rem;
}

.top_menu_box .top_menu span {
    margin-left: .75rem;
    margin-right: .375rem;
    font-size: .875rem;
    color: #333;
    transition: .5s;
}

.top_menu_box .top_menu.btn_search svg {
    width: 1.5rem;
    height: 1.5rem;
}

.top_menu_box .top_menu.on svg path {
    fill: #333;
}

.language_sub {
    position: absolute;
    left: 0;
    top: 100%;
    padding-top: 13px;
    transform: translateY(100px);
    width: 100%;
    min-width: 90px;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.language_sub .box {
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    position: relative;
    z-index: 1;
    padding: 10px 0;
    border: 1px solid rgba(0, 0, 0, 0.09);
}

.language_sub .box:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: -2;
    bottom: calc(100% - 5px);
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
}

.language_sub .box:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 10px;
    background: #fff;
}

.top_menu_box .top_menu:hover .language_sub {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.language_sub a {
    display: block;
    text-align: left;
    justify-content: flex-start !important;
    padding: .5rem 2rem;
    text-transform: uppercase;
    padding-left: 23%;
    font-size: .8125rem;
    color: #666;
    position: relative;
    z-index: 1;
    transition: .5s;
}

.language_sub a.on {
    color: #af1e28;
}

.language_sub a:hover {
    color: #af1e28;
}

#header.xg {
    background: #fff;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.09);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

#header.xg #nav>ul>li>a>h3 {
    color: #333;
}

#header.xg #nav>ul>li>a>h3:before {
    background: #af1e28;
}

#header.xg #logo .img01 {
    display: none;
}



#header.xg .top_menu_box .top_menu svg path {
    fill: #282828 !important;
}

#header.xg .top_menu_box .top_menu span {
    color: #333;
}

#header.xg .top_menu_box .top_menu:before {
    background: rgba(0, 0, 0, 0.2);
}

#header.ny {
    background: #fff;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.09);
}

#header.ny #nav>ul>li>a>h3 {
    color: #333;
}

#header.ny #nav>ul>li>a>h3:before {
    background: #af1e28;
}




#header.ny .top_menu_box .top_menu svg path {
    fill: #282828 !important;
}

#header.ny .top_menu_box .top_menu span {
    color: #333;
}

#header.ny .top_menu_box .top_menu:before {
    background: rgba(0, 0, 0, 0.2);
}

#header:hover {
    background: #fff;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.09);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

#header:hover #nav>ul>li>a>h3 {
    color: #333;
}

#header:hover #nav>ul>li>a>h3:before {
    background: #af1e28;
}

#header:hover #logo .img01 {
    display: block;
}

#header:hover #logo .img02 {
    display: none;
}

#header:hover .top_menu_box .top_menu svg path {
    fill: #282828 !important;
}

#header:hover .top_menu_box .top_menu span {
    color: #333;
}

#header:hover .top_menu_box .top_menu:before {
    background: rgba(0, 0, 0, 0.2);
}

/***********************/

/*手机导航开始*/
#m_header {
    display: none;
    height: 4.5rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: 0s 1.5s;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

#m_header .m {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#m_header .top_menu_box {
    margin-right: 4rem;
}

#m_header .top_menu_box .top_menu {
    height: 4.5rem;
}

#m_header .language_sub {
    left: -10px;
}

#m_header .language_sub .box:before {
    left: 20px;
}

#m_header .top_menu_box .top_menu.btn_language svg path {
    fill: #333;
}

#m_header .top_menu_box .top_menu.on svg path {
    fill: #333;
}

.m_user {
    height: 4.5rem;
    line-height: 4.5rem;
    margin-right: 4rem;
    color: #999;
}

.m_user a {
    display: inline-block;
    margin: 0 .625rem;
    color: #666;
}

.m_user a svg {
    width: 16px;
}

.m_user a:hover {
    color: #ff0000;
}

.m_user a:hover svg path {
    fill: #ff0000;
}

#m_logo {
    transition: 0s 1.5s;
    height: 100%;
    visibility: visible;
    float: left;
    display: flex;
    align-items: center;
}

#m_logo img {
    display: block;
    height: 3rem;
}

/*导航按钮开始*/
/*导航按钮开始*/
#nav_btn_box {
    height: 100%;
    z-index: 99999;
    margin-left: 20px;
    position: fixed;
    height: 4.5rem;
    right: 0;
    top: 0;
    display: none;
}

#nav_btn_box .m {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 0;
}

#nav_btn_box.on {
    background: none;
}

#nav_btn {}

#nav_btn .point.on .navbtn::after,
#nav_btn .point.on .navbtn::before {
    background: #a0a0a0;
}

#nav_btn {
    cursor: pointer;
    text-align: center;
    z-index: 99999;
    padding-bottom: 4px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    outline: none;
    box-shadow: none;
}

#nav_btn .point {
    display: inline-block;
    width: 1.875rem;
    height: 22px;
    position: relative;
    outline: none;
}

#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before {}

#nav_btn .navbtn {
    position: absolute;
    top: 12px;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 2px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #999;
}

#nav_btn .navbtn::after,
#nav_btn .navbtn::before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #999;
}

.ny #nav_btn .navbtn::after,
.ny #nav_btn .navbtn::before {
    background: #999;
}

#nav_btn .navbtn::after {
    top: -6px;
}

#nav_btn .navbtn::before {
    top: 6px;
}

#nav_btn .point.on .navbtn {
    background: transparent;
}

#nav_btn .point.on .navbtn::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}

#nav_btn .point.on .navbtn::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}

/*导航按钮结束*/
.m_nav_list {
    /* flex-direction:column; */
    /* justify-content: flex-start; */
    width: 100%;
    /* overflow: auto; */
}

.m_nav_list::-webkit-scrollbar {
    display: none
}

#m_nav .top_search {
    display: flex;
    justify-content: center;
    margin-right: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#m_nav {
    z-index: -1;
    position: fixed;
    background: #eef2f6;
    width: 100%;
    height: 100vh;
    right: 0;
    top: 0;
    display: none;
    padding: 50px 0;
    overflow: hidden;
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: block;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
}

#m_nav::-webkit-scrollbar {
    display: none;
}

#m_nav.act {
    pointer-events: auto;
    top: 0;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
}

#m_nav>ul>li {
    width: 80%;
    overflow: hidden;
    padding: 0 1rem;
    margin: 0 auto;
}

#m_nav>ul>li+li {
    border-top: 1px solid rgb(111 111 111 / 10%);
}

#m_nav li .a {}

#m_nav li .a h3 {
    line-height: 4.5rem;
    height: 4.5rem;
    color: #3d3d3d;
    padding: 0;
    font-size: 1.25rem;
    float: left;
    font-weight: bold;
}

#m_nav li .a span {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    width: 20px;
    height: 50px;
    text-align: center;
}

#m_nav li .a span i {
    font-size: 0;
}

#m_nav .title i {
    opacity: 1;
    filter: alpha(opacity=100);
    display: inline-block;
    width: 16px;
    height: 4.5rem;
    float: right;
    display: inline-block;
    background: url(../images/arrow_down.svg) center no-repeat;
    background-size: contain;
}

#m_nav li.on.title i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

#m_nav .on.title i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

#m_nav li {
    display: block;
    width: 100%;
}

.slide_nav {
    position: absolute;
    left: 0;
    height: 70px;
    z-index: 998;
    padding: 15px;
    top: 0;
    width: 100%;
}

#m_nav .title .list {
    display: none;
    position: relative;
    width: 100%;
    z-index: 9;
    left: 0;
    margin-left: 0;
    background: none;
    border: 0;
    clear: both;
    padding-bottom: 10px;
}

#m_nav .title .list span {
    background: none;
}

#m_nav .title .list span a:hover {
    color: #014085;
}

#m_nav .title .list a {
    display: block;
    font-size: 1.125rem;
    color: #666;
    text-align: left;
    line-height: 35px;
    height: 35px;
    border: 0;
}

/*三级导航 开始*/
#m_nav .title .list .void>a {
    background-size: 10px;
    position: relative;
}

#m_nav .title .list .void>a:before {
    content: "·";
    position: absolute;
    left: -1em;
    font-size: 12px;
    font-weight: bold;
}

#m_nav .title .list span {
    position: relative;
    display: block;
}

#m_nav .title .list span .sub {
    position: static;
    width: 100%;
    display: block !important;
    overflow: hidden;
}

#m_nav .title .sub a {
    background: none;
    font-size: .875rem;
    opacity: .8;
    min-width: 50%;
    float: left;
    display: inline-block;
    color: #999;
}

.nav_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}



.search-dialog-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 70vh;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
    /* overflow: hidden; */
}

.search-dialog-box:before {
    content: "";
    position: absolute;
    top: 0;
    height: 0;
    transition: .6s;
    left: 0;
    right: 0;
    z-index: 1;
    /* background: #af1e28; */
    background-image: -moz-linear-gradient(270deg, rgb(175, 30, 40) 30%, rgba(175, 30, 40, 0) 100%);
    background-image: -webkit-linear-gradient(270deg, rgb(175, 30, 40) 30%, rgba(175, 30, 40, 0) 100%);
    background-image: -ms-linear-gradient(270deg, rgb(175, 30, 40) 30%, rgba(175, 30, 40, 0) 100%);
}

.search-dialog-box.on:before {
    height: 100%
}

.search-dialog-box .bubbles-bg {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.search-dialog-box .search-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    margin: 0;
    background: rgba(0, 0, 0, .8);
    background-size: cover;
    background-repeat: no-repeat;
    /* z-index: 1; */
    transform-origin: center center;
    transition: height .8s cubic-bezier(.77, 0, .175, 1);
}

.search-dialog-box .wrap-inner {
    transform: translateY(100%);
    transition: .6s;
}

.header-right .bubbles-bg {
    opacity: 0;
    visibility: hidden;
    transition: all .5s .8s;
}

.search-dialog-box .bubbles-bg .bubble {
    position: absolute;
}

.search-dialog-box .bubbles-bg .bubble .circle {
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.search-dialog-box .bubbles-bg .bubble1 {
    width: 6%;
    padding-top: 6%;
    left: 26.875%;
    top: -6.67%;
}

.search-dialog-box .bubbles-bg .bubble1 .circle {
    border: 1px solid #fff;
}

.search-dialog-box .bubbles-bg .bubble2 {
    width: 12px;
    padding-top: 12px;
    left: 13.54%;
    top: 18%;
}

.search-dialog-box .bubbles-bg .bubble2 .circle {
    background-color: #ff495f;
}

.search-dialog-box .bubbles-bg .bubble3 {
    width: 36px;
    padding-top: 36px;
    left: 8.854%;
    top: 30.55%;
}

.search-dialog-box .bubbles-bg .bubble3 .circle {
    background-color: #fff;
}

.search-dialog-box .bubbles-bg .bubble4 {
    width: 56.875%;
    padding-top: 56.875%;
    left: -28.6458%;
    top: 51.85%;
}

.search-dialog-box .bubbles-bg .bubble4 .circle {
    background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
    background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
    background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
}

.search-dialog-box .bubbles-bg .bubble5 {
    width: 54px;
    padding-top: 54px;
    left: 26.3%;
    top: 70.83%;
}

.search-dialog-box .bubbles-bg .bubble5 .circle {
    background-color: #fff;
    opacity: .1;
}

.search-dialog-box .bubbles-bg .bubble6 {
    width: 56.875%;
    padding-top: 56.875%;
    left: 73.4375%;
    top: -52.77%;
}

.search-dialog-box .bubbles-bg .bubble6 .circle {
    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
    background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
}

.search-dialog-box .bubbles-bg .bubble7 {
    width: 2rem;
    padding-top: 2rem;
    left: 60.9375%;
    top: 18.5%;
}

.search-dialog-box .bubbles-bg .bubble7 .circle {
    background-color: #ff495f;
}

.search-dialog-box .bubbles-bg .bubble8 {
    width: 1.35rem;
    padding-top: 1.35rem;
    left: 95.83%;
    top: 70.83%;
}

.search-dialog-box .bubbles-bg .bubble8 .circle {
    border: 1px solid #fff;
}

.search-dialog-box .bubbles-bg .bubble9 {
    width: 16px;
    padding-top: 16px;
    left: 76.5625%;
    top: 96.296%;
}

.search-dialog-box .bubbles-bg .bubble9 .circle {
    background-color: #fff;
}

.search-dialog-box .bubbles-bg .bubble10 {
    width: 56.875%;
    padding-top: 56.875%;
    left: 71.354%;
    top: 87%;
}

.search-dialog-box .bubbles-bg .bubble10 .circle {
    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
    background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
}

.search-dialog-box .bubbles-bg .bubble {
    animation: spin 8s infinite linear;
    transform-origin: 50% 45%;
}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) {
    animation: spin2 8s infinite linear;
}

.search-dialog-box .bubbles-bg .bubble .circle {
    animation: spin-reverse 8s infinite linear;
}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle {
    animation: spin-reverse2 8s infinite linear;
}

.search-dialog-box .bubbles-bg .sm-bubble {
    transform-origin: 30% 30px;
}

.search-dialog {
    position: absolute;
    left: 0;
    top: 10rem;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}

.search-dialog .search-tit {
    font-size: 2.75rem;
    line-height: 3.5rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    display: none;
}

.search-dialog .search-inner {
    overflow: hidden;
    margin-top: 0;
}

.search-dialog .search-input {
    width: 50rem;
    margin: 0 auto;
    padding: 0 0.5rem 0 1.5rem;
    background-color: rgba(255, 255, 255, .1);
    box-sizing: border-box;
    transition: all .3s;
    max-width: 94%;
}

.search-dialog .search-input input[type=text] {
    float: left;
    height: 4.5rem;
    width: calc(100% - 3.5rem);
    background-color: transparent;
    font-size: 1.25rem;
    line-height: .5rem;
    color: #fff;
    transition: all .3s;
}

.search-dialog .search-input input[type=text]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn {
    float: right;
    height: 4.5rem;
    width: 3.5rem;
}

.search-dialog .search-input input[type=submit] {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    background-image: url('../images/search-btn.svg');
}

.search-dialog .search-input .clear-btn {
    background-color: rgba(0, 0, 0, .2);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../images/close-btn.svg');
    background-size: 3.5rem;
    border-radius: 100%;
    margin-right: 1rem;
    display: none;
}

.search-dialog .search-input.on {
    background-color: #fff;
}

.search-dialog .search-input.on input[type=submit] {
    background-image: url('http://www.lead-ir.com/static/style/pc/images/search-btn2.svg')
}

.search-dialog .hot-search {
    font-size: 0;
    width: 19.5rem;
    margin: .6rem auto 0;
    box-sizing: border-box;
    padding: 0 .6rem;
    overflow: hidden;
}

.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.search-dialog .hot-search .hot-tit {
    font-size: .375rem;
    line-height: .5rem;
    color: #fff;
    font-weight: bold;
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
    background-image: url(http://www.lead-ir.com/static/style/pc/images/hot-icon.png);
}

.search-dialog .hot-link {
    margin-left: 1rem;
}

.search-dialog .hot-link a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .375rem;
    line-height: .5rem;
    margin-right: .75rem;
    color: #fff;
    padding-bottom: 5px;
    position: relative;
}

.search-dialog .hot-link a:before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s;
}

.search-dialog-box .bottom-box {
    position: absolute;
    left: 0;
    bottom: 5.1%;
    width: 100%;
}

.search-dialog-box .bottom-box .share-box {
    overflow: hidden;
}

.search-dialog-box .bottom-box .copy {
    font-size: .35rem;
    line-height: .5rem;
    color: #fff;
    font-family: "gilroy-regular";
    margin-top: .5rem;
    overflow: hidden;
}

.header-right.is-open .bubbles-bg {
    visibility: visible;
    opacity: 1;
}

.header-right.is-open .search-btn .con-box {
    display: none;
}

.header-right.is-open .close-btn {
    display: block;
}

.header-right.is-open .item .search-bg {
    transform: scale(1);
}

.search-dialog-box.on {
    opacity: 1;
    visibility: visible;
}

.search-dialog-box.on .search-bg {
    height: 100vh;
}

.search-dialog-box.on .bubbles-bg {
    opacity: 1;
    visibility: visible;
}

.search-dialog-box.on .wrap-inner {
    transform: translateY(0)
}

.pub-close {
    position: absolute;
    width: 3rem;
    height: 3rem;
    z-index: 10;
    right: 1.5rem;
    top: 1.35rem;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 100%;
}

.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}

.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 0.75rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.svg);
    transition: .6s
}

.pub-close i:hover {
    transform: rotate(180deg)
}

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

@keyframes spin2 {
    to {
        transform: rotate(-1turn);
    }
}

@keyframes spin-reverse {
    from {
        transform: rotate(1turn);
    }
}

@keyframes spin-reverse2 {
    from {
        transform: rotate(-1turn);
    }
}

.title001 hr {
    border: 0;
}


.btn_more {
    width: 8.4375rem;
    height: 2.5rem;
    position: relative;
    z-index: 1;
    border-radius: 1.25rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8125rem;
}

.btn_more:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-image: -moz-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
}

.btn_more:after {
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-image: -moz-linear-gradient(180deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
}

.btn_more:hover:before {
    opacity: 0;
    visibility: hidden;
}

.btn_more:hover:after {
    opacity: 1;
    visibility: visible;
}

/*首页banner*/
#banner {
    position: relative;
    margin-top:6.375rem;
}

#banner .swiper-container {
    height: 58vh;
}

#banner .swiper-slide {
    overflow: hidden;
}

#banner .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat !important;
}

#banner .slide-inner img{text-align: center;}


#banner .txt {
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: calc(5% + 6rem);
}

#banner .txt h3 {
    font-weight: bold;
    font-size: 2.6875rem;
    opacity: 0;
    transform: translateY(-60px);
}

#banner .txt p {
    font-size: 2.125rem;
    margin-top: .875rem;
    margin-bottom: 1.125rem;
    opacity: 0;
    transform: translateY(-60px);
}

#banner .txt .btn_more {
    opacity: 0;
    transform: translateY(-60px);
}

#banner .swiper-button-prev {
    left: 4%;
}

#banner .swiper-button-next {
    right: 4%;
}

#banner .swiper-button-white {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#banner .swiper-button-white .arr {
    width: 1.5rem;
    height: 1.5rem;
}

#banner .swiper-button-white .border {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: 0s;
}

#banner .swiper-button-white:hover .border {
    transform: rotate(360deg);
    transition: 2s;
}

#banner .swiper-slide.swiper-slide-active .txt h3 {
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
}

#banner .swiper-slide.swiper-slide-active .txt p {
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
}

#banner .swiper-slide.swiper-slide-active .txt .btn_more {
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity .6s linear .3s, transform .6s cubic-bezier(.215, .61, .355, 1) .3s;
}

#banner .line {
    width: 0;
    height: 1px;
    transition: 5s;
    background: #af1e28;
    position: absolute;
    left: 0;
    bottom: 0;
}

#banner .swiper-slide.swiper-slide-active .line {
    width: 100%;
}

@-webkit-keyframes svgrotate {
    0% {
        stroke: rgba(255, 255, 255, 1);
        stroke-dasharray: 0, 62.8;
        stroke-dashoffset: 62.8;
    }

    100% {
        stroke: rgba(255, 255, 255, 1);
        stroke-dasharray: 62.8, 0;
        stroke-dashoffset: 62.8;
    }
}

@keyframes enter {}

@-webkit-keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }

    20% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

@keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }

    20% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

.s_tt {
    text-align: center;
    margin-bottom: 3rem;
}

.s_tt h3 {
    font-size: 2.625rem;
    color: #1f1f1f;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.s_tt p {
    font-size: 1rem;
    color: #505050;
}

.btn_arr {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    border: 1px solid #cecece;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
}

.btn_arr:hover,
li:hover .btn_arr {
    background: #af1e28 !important;
    border: 1px solid #af1e28 !important;
}

.btn_arr:hover svg path,
li:hover .btn_arr svg path {
    fill: #fff;
}

.circlebox {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.s_pro {
    width: 100%;
    background: #f3f4f4;
}

.s_pro ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1rem;
    row-gap: 1rem;
}

.s_pro ul li a {
    height: 100%;
    display: flex;
    border-radius: .625rem;
    overflow: hidden;
    background: #fff;
    position: relative;
    box-shadow: 0px 8px 20px 0px rgba(217, 223, 226, 0.8);
}

.s_pro ul li .img {
    height: 100%;
}

.s_pro ul li .img img {
    transform: none;
}

.s_pro ul li .txt {
    position: absolute;
    z-index: 99;
    top: 10%;
    text-align: center;
    width: 100%;
    padding: 0 2rem;
}

.s_pro ul li .txt h3 {
    font-size: 1.375rem;
    color: #000000;
    margin-bottom: 1.25rem;
    font-weight: bold;
}

.s_pro ul li .txt span {
    min-width: 7.8125rem;
}

.s_pro ul li .btn_arr {
    position: absolute;
    z-index: 99;
    right: 1.5rem;
    bottom: 1.5rem;
}

.s_pro ul li:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}

.s_pro ul li:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}

.s_pro ul li:nth-child(1) .txt h3 {
    font-size: 2.125rem;
    color: #000000;
}

.s_pro ul li:nth-child(1) .txt span {
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.125rem;
    width: 10.25rem;
    color: #000000;
}

.s_pro ul li.white {}

.s_pro ul li.white a {
    background: none;
}

.s_pro ul li.white .txt h3 {
    color: #fff;
}

.s_pro ul li.white .txt .btn_border {
    border: 1px solid #fff;
    color: #fff;
}

.s_pro ul li.white .btn_arr {
    border: 1px solid #fff;
}

.btn_border {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 0 1rem;
    height: 1.875rem;
    line-height: 1.875rem;
    border-radius: 2.5rem;
    font-size: .8125rem;
    color: #000000;
    border: 1px solid #af1e28;
}

.btn_border:before {
    content: "";
    background-image: -moz-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    top: 0%;
    right: 0;
    margin-right: -20%;
    opacity: 0.4;
    transition: 0s;
}

.btn_border:hover:before {
    width: 200%;
    opacity: 0;
    transition: all 0.75s ease-in-out;
}

li:hover .btn_border:before {
    width: 200%;
    opacity: 0;
    transition: all 0.75s ease-in-out;
}


.s_server {
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #fff;
}

.s_server .m {
    max-width: 1420px;
}

.s_server .underbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.s_server .underbox .m {
    display: flex;
    flex-direction: row-reverse;
}

.s_server .bd {
    flex-grow: 1;
    display: flex;
    align-items: center;
    margin-right: 3rem;
}

.s_server .hd {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9;
    min-width: 256px;
}

.s_server .hd:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .3);
    position: absolute;
    left: 0;
    top: 0;
}

.s_server .hd .swiper {
    height: 280px;
    width: 100%;
}

.s_server .hd h3 {
    padding: .75rem 0 .75rem 2.75rem;
    position: relative;
    font-size: 1.5rem;
    font-weight: normal; color: rgba(255, 255, 255, 0.5);
}
.s_server .hd li.swiper-slide-thumb-active h3{ color: rgba(255, 255, 255, 1);}
.s_server .hd h3:before {
    content: "";
    display: block;
    width: 2px;
    height: 0;
    background: #af1e28;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    visibility: visible;
    transition: .5s;
}

.s_server .hd li.swiper-slide-thumb-active h3:before {
    opacity: 1;
    visibility: visible;
    height: 100%;
    top: 0;
    bottom: auto;
}

.s_server .txt {
    width: 100%;
    max-width: 505px;
    margin: 3rem 0;
}

.s_server .txt .ico {
    width: 5rem;
    height: 5rem;
    opacity: 0;
    transform: translateY(-60px);
}

.s_server .txt .ico img {}

.s_server .txt h3 {
    font-size: 2.5rem;
    margin-top: 1.875rem;
    margin-bottom: 2rem;
    font-weight: bold;
    position: relative;
    opacity: 0;
    transform: translateY(-60px);
}

.s_server .txt p {
    font-size: .875rem;
    line-height: 1.625rem;
    overflow: hidden;
    margin-bottom: 3rem;
    opacity: 0;
    transform: translateY(-60px);
}

.s_server .txt .btn_more {
    opacity: 0;
    transform: translateY(-60px);
    width: 9.0625rem;
    height: 3.125rem;
    border-radius: 1.5rem;
    font-size: .875rem;
}

.s_server .swiper-slide.swiper-slide-active .txt .ico {
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
}

.s_server .swiper-slide.swiper-slide-active .txt h3 {
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
}

.s_server .swiper-slide.swiper-slide-active .txt p {
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity .6s linear .3s, transform .6s cubic-bezier(.215, .61, .355, 1) .3s;
}

.s_server .swiper-slide.swiper-slide-active .txt .btn_more {
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity .6s linear .4s, transform .6s cubic-bezier(.215, .61, .355, 1) .4s;
}

.s_server .bgbox {
    position: relative;
    z-index: 1;
}

.s_server .bgbox .pic {
    position: relative;
}

.s_server .bgbox .pic:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 53.75rem;
}

.s_server .bgbox .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s_server .swiper-button-prev,
.s_server .swiper-button-next {
    display: none;
    width: 4.6875rem;
    height: 4.6875rem;
    position: absolute;
    z-index: 999;
    border-radius: 50%;
    background-size: contain !important;
    transition: .5s;
}

.s_server .swiper-button-prev {
    left: 5rem;
    background: url(../images/server_left.png) center no-repeat;
}

.s_server .swiper-button-next {
    right: 5rem;
    background: url(../images/server_right.png) center no-repeat;
}

.s_server .swiper-button-prev:hover {
    background: url(../images/server_left_on.png) center no-repeat;
}

.s_server .swiper-button-next:hover {
    background: url(../images/server_right_on.png) center no-repeat;
}

.circle_anim {
    width: 23.75rem;
    height: 23.75rem;
    margin: 0 auto;
    position: absolute;
    top: 1.25rem;
    left: 50%;
    transform: translateX(-50%) translateY(-60%);
    z-index: -1;
}

.circle_anim .span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: circleScale 6s linear infinite;
    -moz-animation: circleScale 6s linear infinite;
    -ms-animation: circleScale 6s linear infinite;
    animation: circleScale 6s linear infinite;
}

.circle_anim .span path {
    stroke-width: 3px;
}

.circle_anim .span:nth-of-type(1) {
    animation-delay: .5s;
}

.circle_anim .span:nth-of-type(2) {
    animation-delay: 1s;
}

.circle_anim .span:nth-of-type(3) {
    animation-delay: 1.5s;
}

.circle_anim .span:nth-of-type(4) {
    animation-delay: 2s;
}

.circle_anim .span:nth-of-type(5) {
    animation-delay: 2.5s;
}

.circle_anim .span:nth-of-type(6) {
    animation-delay: 3s;
}

.circle_anim .span:nth-of-type(7) {
    animation-delay: 3.5s;
}

.circle_anim .span:nth-of-type(8) {
    animation-delay: 4s;
}

.circle_anim .span:nth-of-type(9) {
    animation-delay: 4.5s;
}

.circle_anim .span:nth-of-type(10) {
    animation-delay: 5s;
}

.circle_anim .span:nth-of-type(11) {
    animation-delay: 5.5s;
}

.circle_anim .span:nth-of-type(12) {
    animation-delay: 6s;
}

@keyframes circleScale {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes circleScale1 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.s_news {
    width: 100%;
    background: #f3f4f4;
}

.s_news .m {
    max-width: 1420px;
}

.s_news .bd {
    display: grid;
    grid-template-columns: 29.375rem 1fr;
    column-gap: 2.5rem;
    position: relative;
}

.s_news .left {
    box-shadow: 0px 8px 20px rgba(217, 223, 226, 0.8);
    background: #fff;
    height: 34.5rem;
    border-radius: .625rem;
}

.s_news .right {
    box-shadow: 0px 8px 20px rgba(217, 223, 226, 0.8);
    background: #fff;
    height: 34.5rem;
    border-radius: .625rem;
    padding: 2.25rem 20px 2.25rem 2.875rem;
}

.s_news .bd:before {
    content: "";
    display: none;
    width: 1px;
    height: 30rem;
    background: #e9e9e9;
    position: absolute;
    right: 22px;
    bottom: 2.25rem;
}

.news01 {}

.news01 .box {
    display: block;
    border-radius: .625rem;
    overflow: hidden;
}

.news01 .box .img {
    height: 18.125rem;
}

.news01 .box .img img {
    object-fit: cover;
}

.news01 .box .txt {
    height: 16.25rem;
    background: #fff;
    padding: 1.875rem 2.875rem;
}

.news01 .box .txt h4 {
    font-size: 1.25rem;
    line-height: 1.875rem;
    max-height: 3.75rem;
    overflow: hidden;
    color: #000000;
}

.news01 .box .txt p {
    font-size: .875rem;
    color: #868686;
    line-height: 1.4375rem;
    height: 4.3125rem;
    overflow: hidden;
    margin-top: .75rem;
    margin-bottom: 1.375rem;
}

.news01 .box .txt span {
    font-size: .875rem;
    color: #af1e28;
}

.news01 .box .txt h4:hover {
    color: #af1e28;
}

.news01 .swiper-pagination {
    bottom: 17.5rem !important;
}

.news01 .swiper-pagination .swiper-pagination-bullet {
    width: .625rem;
    height: .625rem;
    margin: 0 6px !important;
    border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    background: none;
    opacity: 1;
}

.news01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid #af1e28;
    background: #af1e28;
}

.news02 {}

.news02 .scrollbox {
    height: 30rem;
    overflow-y: auto;
    padding-right: 1.5rem;
    position: relative;
}

.news02 .scrollbox::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #f9f9f9;
}

.news02 .scrollbox::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: transparent;
}

.news02 .scrollbox::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #e9e9e9;
}

.news02 ul {}

.news02 ul li a {
    display: block;
    padding: 1.5rem 0;
    border-bottom: 1px solid #ededed;
}

.news02 ul li .txt {}

.news02 ul li .txt div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .75rem;
    overflow: hidden;
}

.news02 ul li .txt h5 {
    font-size: 1.125rem;
    color: #202020;
}

.news02 ul li .txt span {
    display: flex;
    white-space: nowrap;
    margin-left: 4rem;
    flex-shrink: 0;
    font-size: .75rem;
    color: #af1e28;
    width: 90px;
    height: 22px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbdbdb;
}

.news02 ul li .txt p {
    font-size: .8125rem;
    color: #868686;
    line-height: 1.3125rem;
    max-height: 2.625rem;
    overflow: hidden;
}

.news02 ul li:hover .txt h5 {
    color: #af1e28;
}

#foot {
    background: #272727;
    width: 100%;
    overflow: hidden;
    padding-top: 5rem;
}

#foot .box1 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.875rem;
    border-bottom: 1px solid #525252;
    margin-bottom: 1.75rem;
}

#foot .box1 .left {
    margin-right: 11.4375rem;
}

#foot .box1 .right {
    flex-grow: 1;
}

#foot .box2 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2rem;
}

.foot_tel {}

.foot_tel dl {
    margin-bottom: 1.5rem;
}

.foot_tel dt {
    font-size: .875rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: .5rem;
}

.foot_tel dd {
    font-size: .875rem;
    color: #7f8181;
    line-height: 1.5;
}

.foot_tel dd b {
    font-size: 1.75rem;
    color: #af1e28;
    font-family: DINPRO-REGULAR;
    /* font-weight: normal; */
}

.foot_ewm {
    display: flex;
}

.foot_ewm .ewm {
    margin-right: 1.75rem;
}

.foot_ewm .ewm .pic {
    position: relative;
    width: 7.125rem;
    height: 7.125rem;
    border: 1px solid #525252;
    padding: 7px;
}

.foot_ewm .ewm .pic img {}

.foot_ewm .ewm p {
    font-size: .8125rem;
    color: rgba(255, 255, 255, .3);
    text-align: center;
    padding-top: .9375rem;
}

.foot_nav {
    display: flex;
    justify-content: space-between;
}

.foot_nav dl {}

.foot_nav dl dt {
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    padding-bottom: 1.375rem;
    position: relative;
    margin-bottom: .875rem;
}

.foot_nav dl dt:before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: -moz-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
}

.foot_nav dl dd {
    font-size: .75rem;
    color: #a3a6a7;
    line-height: 1.9375rem;
}

.foot_nav dl dd:hover {
    color: #fff;
}

.foot_lianxi {
    flex-grow: 1;
}

.foot_lianxi .title {
    display: block;
    text-align: center;
    line-height: 24px;
    width: 80px;
    height: 24px;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #af1e28;
    border-radius: 12px;
    font-size: 12px;
    margin-bottom: 7px;

}

.foot_lianxi dl {
    font-size: .875rem;
    line-height: 3.5rem;
    color: #bec0c1;
    margin-right: 3.5rem;
}

.foot_lianxi dl dd {}

.copyright {
    font-size: .875rem;
    flex-shrink: 0;
    color: #6a6a6a;
    line-height: 1.5rem;
    margin-top: .3rem;
}

.copyright p {
    font-size: .8125rem;
}

.copyright a:hover {
    color: #fff;
}

.copyright .flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.copyright>.flex p {
    margin-right: 1rem;
}

.copyright .ico {
    width: 1.125rem;
    margin-left: 1.125rem;
    height: 1.125rem;
}

.copyright .ico:hover path {
    fill: #af1e28;
}

.qr-scanner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.qr-scanner .box {
    height: 100%;
    width: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    /* border: 0.1rem solid rgba(0, 255, 51, 0.2); */
}

.qr-scanner .line {
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 255, 51, 0) 43%, #af1e28 211%);
    border-bottom: 1px solid #af1e28;
    transform: translateY(-100%);
    animation: radar-beam 2s infinite;
    animation-timing-function: cubic-bezier(0.53, 0, 0.43, 0.99);
    animation-delay: 1.4s;
}

@keyframes radar-beam {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}


.online_q {
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    transform: translateY(30px);
    position: fixed;
    right: 1rem;
    bottom: 10%;
    z-index: 999;
    transition: .5s;
    -webkit-transition: .5s;
    border-radius: 2.5rem;
    padding: 1.25rem 0;
    mix-blend-mode: revert;
    background: #fff;
    box-shadow: 1px 1px 1px 2px rgb(0 0 0 / 7%);
}

.online_q.on {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.online_q .close {
    position: absolute;
    right: -1rem;
    font-size: 1rem;
    color: #969797;
    opacity: 1;
    font-weight: normal;
    cursor: pointer;
}

.online_q .btn2 {
    width: 3.4375rem;
    height: 2.5rem;
    cursor: pointer;
    position: relative;
}

.online_q .btn-top {
    padding: 0;
    transition: .5s;
    overflow: hidden;
}

.online_q .btn2 a {
    font-size: 12px;
    color: #fff;
}

.online_q .btn2 span {
    display: flex;
    float: left;
    color: #fff;
    flex-direction: column;
    font-size: .75rem;
    text-align: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 999;
    overflow: hidden;
    transition: .3s;
    -webkit-transition: .3s;
    overflow: hidden;
    flex-shrink: 0;
}

.online_q .btn2 span svg {
    margin-bottom: 4px;
    width: 1.5rem;
    height: 1.5rem;
}

.online_q .btn2 span img {
    width: 1.875rem;
}

.online_q .btn2 span svg path {
    fill: #777777;
}

.online_q .btn2:hover span svg path {
    fill: #af1e28;
}

.online_q .btn2:nth-child(1) span {
    border-radius: 2.5rem 2.5rem 0 0;
}

.online_q .btn2:last-child span {
    border-radius: 0 0 2.5rem 2.5rem;
}

.online_q .open.pic {
    position: absolute;
    background: #af1e28;
    border-radius: 3px;
    width: 100px;
    height: 100px;
    right: 80px;
    top: 50%;
    margin-top: -50px;
    text-align: right;
    opacity: 0;
    transition: .6s;
    -webkit-transition: .6s;
    visibility: hidden;
}

.online_q .open.pic img {
    width: 80px;
    height: 80px;
    margin-top: 10px;
    margin-right: 10px;
}

.online_q .btn2:hover .open.pic {
    opacity: 1;
    right: 5rem;
    visibility: visible;
}

.online_q .open.phone {
    position: absolute;
    background: #af1e28;
    font-family: DINPRO-REGULAR;
    width: 150px;
    height: 3.25rem;
    border-radius: 3px;
    right: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #529de1;
    top: 0;
    transition: .6s;
    -webkit-transition: .6s;
    opacity: 0;
    visibility: hidden;
}

.online_q .open.phone p {
    color: #fff;
    font-size: 1.25rem;
    font-family: DINPRO-REGULAR;
}

.online_q .btn2:hover .open.phone {
    transition: .5s;
    -webkit-transition: .5s;
    opacity: 1;
    visibility: visible;
    right: 65px;
}

.online_q .open.pic:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid #af1e28;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -10px;
}

.online_q .open.phone:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid #af1e28;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -10px;
}

#gotop.hide {
    height: 0;
    overflow: hidden;
    display: block !important;
}

#n_main {
    padding-top: 5.375rem;
}

.n_pro_xq {}

.n_pro_xq .m {
    display: flex;
    align-items: flex-start;
}

.pro_left_con {
    width: 15.5rem;
    flex-shrink: 0;
    position: sticky;
    top: 20px;
    margin-right: 2.4375rem;
}

.pro_right_con {
    flex-grow: 1;
}

.pro_nav {
    background: #f5f5f5;
}

.pro_nav ul {}

.pro_nav ul li {
    border-bottom: 1px solid #fff;
}

.pro_nav h3 {
    height: 4.0625rem;
}

.pro_nav h3 a {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 1.625rem;
    font-size: 1.0625rem;
    color: #000000;
}

.pro_nav .sub {
    display: none;
    padding: 1rem;
}

.pro_nav dl {}

.pro_nav dl dt {
    font-size: .875rem;
    color: #000000;
    line-height: 2.4375rem;
    border-bottom: 1px solid #f0f0f0;
}

.pro_nav dl dt a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pro_nav dl dt i {
    display: block;
    opacity: 0;
    visibility: hidden;
    height: 1.125rem;
    width: 1.125rem;
    border-radius: 50%;
    background: url(../images/arr_right.svg) center no-repeat #af1e28;
    background-size: .5rem;
}

.pro_nav dl dd {
    display: none;
    padding: .5rem 0;
}

.pro_nav dl dd .box {
    display: flex;
    flex-flow: wrap;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #dcdcdc;
}

.pro_nav dl dd a {
    font-size: .875rem;
    color: #888;
	display:block;
	width:100%;
	line-height:2;
}

.pro_nav dl dd a:hover {
    color: #af1e28;
}

.pro_nav dl dd a.on {
    color: #af1e28;
}

.pro_nav dl dd i {
    width: 1px;
    height: auto;
    background: #bcbcbc;
    margin: 0 .625rem;
	display:none;
}

.pro_nav dl:last-child dd .box {
    border-bottom: 0;
    padding-bottom: 0;
}

.pro_nav dl:hover dt i {
    opacity: 1;
    visibility: visible;
}

.pro_nav dl:hover dt {
    font-weight: bold;
}

.pro_nav dl:hover dd {
    display: block;
}

.pro_nav dl.on dt i {
    opacity: 1;
    visibility: visible;
}

.pro_nav dl.on dt {
    font-weight: bold;
}

.pro_nav dl.on dd {
    display: block;
}

.pro_nav li h3.on a {
    background: #af1e28;
    color: #fff;
}


.pro_slide {
    width: 28rem;
    margin-right: 5rem;
    position: relative;
}

.pro_slide .swiper {
    overflow: visible;
    min-height: 22.5rem;
}

.pro_slide .swiper-pagination {
    bottom: 0 !important;
}

.pro_slide .swiper-pagination .swiper-pagination-bullet {
    width: .625rem;
    height: .625rem;
    margin: 0 6.5px !important;
    border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #757575;
    background: none;
    opacity: 1;
}

.pro_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid #af1e28;
    background: #af1e28;
}

.pro_xq01 {
    display: flex;
}

.pro_info {
    flex-grow: 1;
}

.pro_info .tt {
    padding-bottom: 1.75rem;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 3.5rem;
}

.pro_info .tt span {
    display: inline-flex;
    margin-bottom: .875rem;
    align-items: center;
    justify-content: center;
    height: 2.1875rem;
    padding: 0 1.75rem;
    border-radius: 1.125rem;
    background: #af1e28;
    color: #fff;
    font-size: 1rem;
}

.pro_info .tt h3 {
    font-size: 1.875rem;
    color: #000000;
    font-weight: bold;
}

.pro_info .tag {
    display: flex;
    flex-flow: wrap;
    margin-bottom: 2rem;
}

.pro_info .tag span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    color: #414141;
    margin-right: 10px;
    margin-bottom: 14px;
    height: 2.5rem;
    padding: 0 1.875rem;
    border-radius: 1.25rem;
    border: 1px solid #e7e7e7;
}

.btn_xq {
    display: inline-flex;
    align-items: center;
    transition: .5s;
    position: relative;
    justify-content: center;
    width: 10.5rem;
    height: 3.125rem;
    border-radius: 2.5625rem;
    background: #eeeeee;
    color: #af1e28;
    font-size: 1rem;
}

.btn_xq svg {
    width: 1.5625rem;
    height: 1.5625rem;
    margin-right: .5rem;
}

.btn_xq:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: .5s;
    position: absolute;
    border-radius: 2.5625rem;
    border: 1px solid #af1e28;
    opacity: 0;
    visibility: hidden;
}

.btn_xq:hover:before {
    opacity: 1;
    visibility: visible;
}

.btn_xq:hover {
    background: #af1e28;
    color: #fff;
}

.btn_xq:hover path {
    fill: #fff;
}

.pro_xq02 {
    padding-top: 3.25rem;
}

.pro_xq02 .hd {
    margin-bottom: 3.75rem;
    position: relative;
    z-index: 99;
    position: sticky;
    top: 0px;
    padding-top: 20px;
    background: #fff;
}

.pro_xq02 .hd:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    transition: .5s;
    background: #e6e6e6;
    position: absolute;
    right: 0;
    bottom: 0;
}

.pro_xq02 .hd ul {
    display: flex;
}

.pro_xq02 .hd ul li {
    margin-right: 3.125rem;
    font-size: 1rem;
    color: #000000;
    position: relative;
}

.pro_xq02 .hd ul li:before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    transition: .5s;
    background: #af1e28;
    position: absolute;
    right: 0;
    bottom: 0;
}

.pro_xq02 .hd ul li a {
    display: block;
    height: 2.5rem;
    font-size: 1rem;
    color: #000000;
}

.pro_xq02 .hd ul li.on {}

.pro_xq02 .hd ul li.on:before {
    width: 100%;
    left: 0;
    right: auto;
}

.pro_xq02 .bd {}

.pro_xq02 .bd .item {
    padding-bottom: 3.5rem;
}

.pro_xq02 .bd .tt {
    font-size: 1.625rem;
    color: #343434;
    font-weight: bold;
    margin-bottom: 2rem;
}

.louceng {
    overflow: hidden;
}

.chengxiang_slide {
    width: 100%;
    overflow: hidden;
}

.chengxiang_slide .swiper {
    padding-bottom: 2rem;
}

.chengxiang_slide .swiper-slide {
    width: auto;
}

.chengxiang_slide .img {
    border-radius: .625rem;
    overflow: hidden;
}

.chengxiang_slide .img img {
    height: 15rem;
    width: auto;
}

.chengxiang_slide .img:hover img {}

.chengxiang_slide .img:after {
    padding-top: 69.5%;
    display: none;
}

.chengxiang_slide .swiper-scrollbar {
    height: 2px !important;
    width: calc(100% - 4rem) !important;
    bottom: 6px !important;
    left: auto !important;
    right: 0 !important;
}

.chengxiang_slide .swiper-pagination {
    bottom: 0;
    width: auto;
}

.prolist {}

.prolist ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.25rem;
    row-gap: 1.25rem;
}

.prolist ul li {}

.prolist ul li a {
    display: block;
    height: 100%;
    background: #fff;
    border-radius: .625rem;
    overflow: hidden;
    transition: .5s;
}

.prolist ul li a .img {}

.prolist ul li a .img img {}

.prolist .img:after {
    padding-top: 90%;
}

.prolist ul li a .txt {
    padding-top: 1.5rem;
    position: relative;
}

.prolist ul li a .txt span {
    display: inline-flex;
    position: absolute;
    margin-bottom: .875rem;
    align-items: center;
    justify-content: center;
    height: 1.5625rem;
    padding: 0 .875rem;
    border-radius: 1.125rem;
    background: #af1e28;
    color: #fff;
    font-size: .8125rem;
}

.prolist ul li a .txt h4 {
    font-size: 1.25rem;
    color: #000000;
    line-height: 1.625rem;
    height: 3.25rem;
    overflow: hidden;
    text-align: center;
}

.prolist ul li a:hover {
    box-shadow: 0px 8px 20px rgba(217, 223, 226, 0.8);
}

/*首页合作伙伴*/
.hzhb{background-color:#f0f0f0;}
.huobanlist {}

.huobanlist ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1.25rem;
    row-gap: 1.25rem;
}

.huobanlist ul li {}

.huobanlist ul li a {
    display: block;
    height: 100%;
    background: #fff;
    border-radius: .625rem;
    overflow: hidden;
    transition: .5s;
}

.huobanlist ul li a .img {}

.huobanlist ul li a .img img {}

.huobanlist .img:after {
    padding-top: 90%;
}

.huobanlist ul li a .txt {
    padding-top: 1.5rem;
    position: relative;
}

.huobanlist ul li a .txt span {
    display: inline-flex;
    position: absolute;
    margin-bottom: .875rem;
    align-items: center;
    justify-content: center;
    height: 1.5625rem;
    padding: 0 .875rem;
    border-radius: 1.125rem;
    background: #af1e28;
    color: #fff;
    font-size: .8125rem;
}

.huobanlist ul li a .txt h4 {
    font-size: 1.25rem;
    color: #000000;
    line-height: 1.625rem;
    height: 3.25rem;
    overflow: hidden;
    text-align: center;
}

.huobanlist ul li a:hover {
    box-shadow: 0px 8px 20px rgba(217, 223, 226, 0.8);
}
/*结束*/

/*企业实力*/

.qysl{}
.qysl .item{float:left;width: 22%; margin-right: 2.5%;margin-bottom:2%;}
.qysl .item:last-child{margin-right:0}

/*结束*/
/*案例展示*/

.caselist {}

.caselist ul {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    column-gap: 1.25rem;
    row-gap: 1.25rem;
}

.caselist ul li {}

.caselist ul li a {
    display: block;
    height: 100%;
    background: #fff;
    border-radius: .625rem;
    overflow: hidden;
    transition: .5s;
}

.caselist ul li a .img {}

.caselist ul li a .img img {}

.caselist .img:after {
    padding-top: 79%;
}

.caselist ul li a .txt {
    padding-top: 1.5rem;
    position: relative;
}

.caselist ul li a .txt span {
    display: inline-flex;
    position: absolute;
    margin-bottom: .875rem;
    align-items: center;
    justify-content: center;
    height: 1.5625rem;
    padding: 0 .875rem;
    border-radius: 1.125rem;
    background: #af1e28;
    color: #fff;
    font-size: .8125rem;
}

.caselist ul li a .txt h4 {
    font-size: 1.25rem;
    color: #000000;
    line-height: 1.625rem;
    height: 3.25rem;
    overflow: hidden;
    text-align: center;
}

.caselist ul li a:hover {
    box-shadow: 0px 8px 20px rgba(217, 223, 226, 0.8);
}



.loadmore {
    width: 10.625rem;
    height: 3.125rem;
    margin: 0 auto;
    margin-top: 2.875rem;
    position: relative;
    z-index: 1;
    border-radius: 2rem;
    overflow: hidden;
    display: inherit;
    align-items: center;
    justify-content: center;
    font-size: .9375rem;
    color: #fff;
    text-align: center;
    line-height: 3.125rem;
}

.loadmore:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: #af1e28;
}

.loadmore:after {
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-image: -moz-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
}

.loadmore:hover:before {
    opacity: 0;
    visibility: hidden;
}

.loadmore:hover:after {
    opacity: 1;
    visibility: visible;
}

.n_tt {
    text-align: center;
    margin-bottom: 3.125rem;
}

.n_tt span {
    font-size: 1.375rem;
    color: #af1e28;
    text-transform: uppercase;
    display: block;
    margin-top: .5rem;
}

.n_tt h3 {
    font-size: 1.875rem;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
}

.n_dangjian {
    background: url(../images/n_dangjian_bg.jpg) center no-repeat;
    height: calc(100vh - 5.375rem);
    background-size: 100% 100%;
    overflow: hidden;
}

.n_dangjian .m {
    display: flex;
    align-items: flex-end;
}

.n_dangjian .left {}

.n_dangjian .right {
    flex-shrink: 0;
    margin-left: 5rem;
}

.n_dangjian .tt {
    display: flex;
    align-items: center;
    margin-bottom: 3.125rem;
}

.n_dangjian .tt img {
    margin-right: 1.75rem;
    width: 5.9375rem;
}

.n_dangjian .tt h3 {
    font-size: 2.25rem;
    color: #000000;
}

.n_dangjian .con {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #000000;
    margin-bottom: 5rem;
    text-align: justify;
    width: 70%;
}

.n_dangjian .lou {
    margin-top: -6.25rem;
    display: block;
}

.btn_arrdown {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.btn_arrdown .arr {
    width: 1.5rem;
    height: 1.5rem;
}

.btn_arrdown .border {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: 0s;
    opacity: .6;
    animation: rotate0 2s ease infinite
}

.btn_arrdown:hover .border {
    transform: rotate(360deg);
    transition: 2s;
}

.piaodai {
    position: relative;
    z-index: 1;
    width: 23rem;
    height: 49.875rem;
    display: flex;
    align-items: flex-end;
}

.piaodai img {
    display: block;
}

.piaodai01 {
    z-index: 99;
}
.piaodai02{ position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
#flagCanvas {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform-origin: center;
    transform: translate3d(-50%, -50%, 0);
}

#n_fengcai {
    background: #f8f8f8;
}

.n_linian {
    height: 38.125rem;
    background-size: cover !important;
    background-attachment: fixed !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.n_linian .m {
    display: flex;
    align-items: center;
}

.n_linian .txt {
    max-width: 436px;
    height: 10.4375rem;
}

.n_linian .n_tt {
    text-align: left;
    margin-bottom: 0 !important;
}

.n_linian .n_tt span {
    color: #fff;
}

.n_linian .n_tt h3 {
    color: #fff;
}

.n_linian .con {
    font-size: 1rem;
    line-height: 2.125rem;
    color: #fff;
    margin-top: 2.25rem !important;
}

.n_lianxi {}

.n_lianxi .m {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.n_lianxi .img {
    width: 47.5rem;
    border-radius: .625rem;
    max-width: 100%;
}

.n_lianxi .ewm {
    width: 7.8125rem;
}

.n_lianxi .ewm .pic {
    position: relative;
    width: 100%;
    height: 7.8125rem;
    box-sizing: border-box;
    margin-bottom: .8125rem;
}

.n_lianxi .ewm .pic img {
    display: block;
    border: 1px solid #e4e4e6;
    width: 100%;
    height: 100%;
}

.n_lianxi .ewm p {
    text-align: center;
    font-size: .875rem;
    color: #575757;
}

.n_lianxi .txt {
    margin-right: 3rem;
}

.n_lianxi .txt .n_tt {
    text-align: left;
    margin-bottom: 1.875rem;
}

.n_lianxi .con {
    font-size: 1rem;
    line-height: 1.75rem;
    color: #000000;
    margin-bottom: 2.5rem;
}

.n_lianxi dl {
    display: flex;
}

.n_lianxi dt {
    flex-shrink: 0;
    white-space: nowrap;
}

.n_shouhou {
    width: 100%;
    overflow: hidden;
    background: url(../images/n_shouhou_bg.png) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.n_tt.left {
    text-align: left;
}

.form_shouhou {}

.form_shouhou .row {
    display: flex;
    justify-content: space-between;
    margin-top: .9375rem;
}

.form_shouhou .row .group {
    width: calc(50% - 5px);
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    position: relative;
}

.form_shouhou .span {
    line-height: 3.9375rem;
    padding: 0 1.125rem;
    flex-shrink: 0;
    font-size: .9375rem;
    color: #000000;
}

.form_shouhou .input {
    flex-grow: 1;
    font-size: .9375rem;
    color: #1f1f1f;
    margin-right: 1.25rem;
}

.form_shouhou .textarea {
    margin: 1.25rem 1.25rem 1.25rem 0;
    background: none;
    flex-grow: 1;
    font-size: .9375rem;
    color: #1f1f1f;
    line-height: 1.7;
}

.form_shouhou .button {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    background: none;
    font-size: .9375rem;
    color: #fff;
}

.yzm {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form_shouhou .button {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form_shouhou .button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: #af1e28;
}

.form_shouhou .button:after {
    opacity: 0;
    visibility: hidden;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-image: -moz-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(175, 30, 40) 0%, rgba(175, 30, 40, 0) 100%);
}

.form_shouhou .button:hover:before {
    opacity: 0;
    visibility: hidden;
}

.form_shouhou .button:hover:after {
    opacity: 1;
    visibility: visible;
}


.n_liuyan {}

.n_liuyan .m {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.n_liuyan .m>.left {
    flex-grow: 1;
    margin-right: 6.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.n_liuyan .m .right {
    flex-shrink: 0;
}

.n_liuyan .m .right .img {
    border-radius: .625rem;
    width: 25.9375rem;
    max-width: 100%;
    height: 40.625rem;
}

.n_news {}

.n_news ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3.75rem;
    row-gap: 3.125rem;
}

.n_news ul li {}

.n_news .box {
    display: block;
    border-radius: .625rem;
    overflow: hidden;
    height: 100%;
    box-shadow: 0px 8px 20px rgba(217, 223, 226, 0.8);
    background: #fff;
}
.n_news.arrstyle .bd{ margin: -15px;}
.n_news.arrstyle .box{ margin: 15px; box-shadow: 0px 1px 15px rgba(217, 223, 226, 0.5);}
.n_news .box .img {}

.n_news .box .img img {}

.n_news .box .img:after {
    padding-top: 61.7%;
}

.n_news .box .txt {
    background: #fff;
    padding: 1.875rem 2.875rem 3.4375rem;
}

.n_news .box .txt h4 {
    font-size: 1.125rem;
    line-height: 1.875rem;
    height: 3.75rem;
    overflow: hidden;
    color: #000000;
}

.n_news .box .txt h5 {
    font-size: 1.125rem;
    line-height: 1.875rem;
    overflow: hidden;
    color: #000000;
}

.n_news .box .txt p {
    font-size: .875rem;
    color: #868686;
    line-height: 1.5rem;
    height: 3rem;
    overflow: hidden;
    margin-top: .75rem;
    margin-bottom: 2.25rem;
}

.n_news .box .txt span {
    white-space: nowrap;
    flex-shrink: 0;
    font-size: .75rem;
    color: #af1e28;
    width: 90px;
    height: 22px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbdbdb;
}

.ar_title {
    padding-bottom: 2.25rem;
    border-bottom: 1px solid #dedede;
    margin-bottom: 2.5rem;
}

.ar_title .box1 {
    display: flex;
    margin-bottom: .75rem;
}

.ar_title .box1 h3 {
    flex-grow: 1;
    font-size: 1.875rem;
    color: #000000;
    line-height: 2.5rem;
    display: flex;
    align-items: center;
}

.ar_title .timebox {
    flex-shrink: 0;
    margin-right: 1.875rem;
}

.ar_title .time {
    width: 5.625rem;
    height: 6.25rem;
    padding-bottom: .25rem;
    border-radius: .5rem;
    background: #af1e28;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ar_title .time span {
    font-size: 3.125rem;
    line-height: 1;
    font-family: BarlowCondensed-Medium;
}

.ar_title .time p {
    font-size: .875rem;
    font-family: BarlowCondensed-Regular;
}

.ar_title .box2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: wrap;
}

.ar_title .tag {
    display: flex;
    flex-flow: wrap;
}

.ar_title .tag a {
    display: block;
    padding: 0 1.625rem;
    margin-top: 1rem;
    height: 2.1875rem;
    transition: .5s;
    margin-right: .625rem;
    border: 1px solid #dfdfdf;
    border-radius: 1.625rem;
    font-size: .875rem;
    color: #7c7c7c;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ar_title .tag a:hover {
    color: #af1e28;
    border: 1px solid #af1e28;
}

.ar_title .share {
    display: flex;
    align-items: center;
    font-size: .9375rem;
    color: #949494;
    margin-top: 1rem;
}


.shart_box {
    display: inline-block;
    cursor: pointer
}

#share-21.social-share {
    white-space: nowrap;
}

#share-21.social-share .social-share-icon {
    display: inline-block;
    border: 0 !important;
    color: #a8a8a8 !important;
    margin: 0 2px !important;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem;
}

#share-21.social-share .social-share-icon:hover {
    /* border: #af1e28 1px solid !important; */
    background: #af1e28 !important;
    color: #fff !important;
}

#share-21.social-share .icon-wechat .wechat-qrcode .qrcode {
    height: 105px;
}

.n_news_xq {}

.n_news_xq .m {
    display: flex;
    align-items: flex-start;
}

.news_xq_left {
    flex-grow: 1;
}

.news_xq_right {
    flex-shrink: 0;
    width: 18.125rem;
    margin-left: 4.375rem;
    position: sticky;
    top: 6.5rem;
}

.news_tuijian {}

.news_tuijian .tt {
    font-size: 1.25rem;
    font-weight: bold;
    color: #262626;
    margin-bottom: 1.25rem;
}

.news_tuijian ul {}

.news_tuijian ul li {
    margin-bottom: 1.75rem;
}

.news_tuijian ul li a {}

.news_tuijian ul li .img {
    border-radius: .625rem;
    margin-bottom: .875rem;
}

.news_tuijian ul li .img img {}

.news_tuijian ul li .img:after {
    padding-top: 61.7%;
}

.news_tuijian ul li h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #000000;
    height: 3rem;
    overflow: hidden;
    margin-bottom: .75rem;
}

.news_tuijian ul li span {
    font-size: .75rem;
    color: #838383;
}

video {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.videobox {
    position: relative;
    border-radius: .625rem;
    overflow: hidden;
	width:70%;
	margin:auto;
}

.videobox:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 56%;
}

.videobox video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .videobox video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} */
.videobox .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_play {
    width: 5rem;
    height: 5rem;
}

.pro_xiangguan {
    background: #f3f3f4;
}

.pro_xiangguan .box {
    display: block;
    background: #fff;
    border-radius: .625rem;
    overflow: hidden;
    padding: 2.8125rem;
    transition: .5s;
}

.pro_xiangguan .box .img {
    max-width: 260px;
    width: 100%;
    margin: 0 auto;
}

.pro_xiangguan .box .img img {}

.pro_xiangguan .box .img:after {
    padding-top: 79%;
}

.pro_xiangguan .box .txt {
    padding-top: 1.5rem;
}

.pro_xiangguan .box .txt span {
    display: inline-flex;
    margin-bottom: .875rem;
    align-items: center;
    justify-content: center;
    height: 1.5625rem;
    padding: 0 .875rem;
    border-radius: 1.125rem;
    background: #af1e28;
    color: #fff;
    font-size: .8125rem;
}

.pro_xiangguan .box .txt h4 {
    font-size: 1.375rem;
    color: #000000;
    line-height: 1.625rem;
    height: 1.625rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.arrstyle .bd {
    position: relative;
}

.arrstyle .swiper-button-white {
    width: 3.75rem;
    height: 3.75rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrstyle .swiper-button-white .arr {
    width: 1.5rem;
    height: 1.5rem;
}

.arrstyle .swiper-button-white .border {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: 0s;
}

.arrstyle .swiper-button-white:hover .border {
    transform: rotate(360deg);
    transition: 2s;
}

.arrstyle .swiper-button-prev {
    left: -6.875rem;
}

.arrstyle .swiper-button-next {
    right: -6.875rem;
}

.tablebox {
    width: 100%;
    overflow-x: auto;
}

.n_apply {}

.n_apply .box {
    display: block;
    background: #fff;
    border-radius: .625rem;
    overflow: hidden;
    transition: .5s;
    position: relative;
}

.n_apply .box .img {
    position: relative;
}

.n_apply .box .img img {
    display: block;
}

.n_apply .box .img:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.15);
}

.n_apply .box .img:after {
    padding-top: 156.52%;
}

.n_apply .box:before {
    content: "";
    display: block;
    width: 100%;
    height: 70%;
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    background-image: -moz-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .8) 100%);
    background-image: -webkit-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .8) 100%);
    background-image: -ms-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .8) 100%);
}

.n_apply .box .txt {
    padding: 2.75rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
    height: 11.375rem;
    transition: .5s ease-in-out;
    overflow: hidden;
}

.n_apply .box .txt h4 {
    font-size: 1.375rem;
    color: #fff;
    line-height: 1.625rem;
    height: 1.625rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.n_apply .box .txt p {
    font-size: .875rem;
    color: #fff;
    line-height: 1.5rem;
    height: 3rem;
    overflow: hidden;
    margin-top: 1.25rem;
    margin-bottom: 2rem;
}

.n_apply .box .txt span {
    display: inline-flex;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    margin-bottom: .875rem;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 6.375rem;
    border-radius: 1.125rem;
    background: #af1e28;
    color: #fff;
    font-size: .8125rem;
}

.n_apply .box:hover .txt {
    height: 16.75rem;
}

.n_apply .box:hover .txt span {
    opacity: 1;
    visibility: visible;
}

.join_banner {
    height: calc(100vh - 5.375rem);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 0;
    position: relative;
    z-index: 1;
}

.join_banner .btn_arrdown {
    margin-bottom: 4.375rem;
    position: relative;
    z-index: 9;
}

.join_banner .aaa {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.n_campusjoin {
    background: #f5f5f5;
}

.n_campusjoin .bd {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-radius: .625rem;
    overflow: hidden;
}

.n_campusjoin .bd .txt {
    background: #fff;
    padding: 0 6.75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.n_campusjoin .bd .txt h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1.375rem;
    color: #000000;
}

.n_campusjoin .bd .txt .con {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #616161;
    text-align: justify;
}

.n_campusjoin .bd:hover .img img {
    transform: scale(1.03);
}

.n_liucheng {}

.n_liucheng ul {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.n_liucheng ul:before {
    content: "";
    display: block;
    width: calc(100% - 7rem);
    height: 1px;
    bottom: 3.25rem;
    border-bottom: 1px dashed #e4e4e4;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.n_liucheng ul li {}

.n_liucheng ul li .box {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.n_liucheng ul li h4 {
    font-size: 1rem;
    color: #000000;
    margin-top: 1.75rem;
    margin-bottom: 1.125rem;
}

.n_liucheng ul li i {
    display: block;
    width: 14px;
    height: 14px;
    margin-bottom: 1.75rem;
    border-radius: 50%;
    border: 2px solid #af1e28;
    background: #fff;
}

.n_liucheng ul li span {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.6);
}

.n_liucheng ul li .ico {
    display: block;
    position: relative;
    z-index: 1;
    width: 5.3125rem;
    height: 5.3125rem;
    border-radius: 50%;
    background: #af1e28;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.n_liucheng ul li .ico:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    transition: .5s;
    transform: scale(1.25);
    left: 0;
    top: 0;
    border-radius: 50%;
    background: #af1e28;
    opacity: .3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
}

.n_liucheng ul li .ico:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    transition: .5s;
    transform: scale(1);
    left: 0;
    top: 0;
    border-radius: 50%;
    background: #af1e28;
    opacity: .3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.n_liucheng ul li:hover .ico:before {
    opacity: 0;
    transform: scale(1.8);
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
}

.n_liucheng ul li:hover .ico:after {
    transform: scale(1.3);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
}

.n_liucheng ul li .ico img {
    width: 40%;
    height: 40%;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}

.n_liucheng ul li:hover .ico img {
    -webkit-animation: toRightFromLeft 0.6s;
    -moz-animation: toRightFromLeft 0.6s;
    animation: toRightFromLeft 0.6s;
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(25%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-25%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(25%);
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-25%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(25%);
    }

    50% {
        opacity: 0;
        transform: translate(-25%);
    }

    51% {
        opacity: 1;
    }
}

.n_contact .bd {
    height: 26.875rem;
    border-radius: .625rem;
    display: flex;
    align-items: center;
    padding-left: 10rem;
}

.n_contact .bd .txt {
    color: #fff;
}

.n_contact .bd dl+dl {
    margin-top: 2.25rem;
}

.n_contact .bd dl dd {
    font-size: 2rem;
    font-family: BarlowCondensed-Medium;
    margin-bottom: .75rem;
}

.n_contact .bd dl dt {
    font-size: 1.25rem;
    color: #ffffff;
}

.n_lianxi01 {
    height: 38.125rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    to {
        transform: scale(1);
        transform: scale(1);
    }
}

.mybganim {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    animation: scaleUpDown 4s linear forwards;
    -webkit-animation: scaleUpDown 4s linear forwards;
}

.n_lianxi01 .m {
    height: 100%;
    display: flex;
    align-items: center;
}

.n_lianxi01 .txt {}

.n_lianxi01 .txt div {
    display: flex;
}

.n_lianxi01 .txt h3,
.n_lianxi01 .txt h4 {
    font-size: 2.375rem;
    font-family: yuanxin;
    letter-spacing: 3px;
    line-height: 3.25rem;
    color: #fff;
}

.n_lianxi01 .txt h3 {
    margin-right: .875rem;
}

.n_lianxi01 .txt h4 {
    text-indent: 2em;
}

.n_lianxi01 .txt p {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: .375rem;
}

.n_lianxi01 .txt span {
    font-size: 1.125rem;
    line-height: 1.25rem;
    color: #ffff;
    font-family: arial;
    display: inline-flex;
    position: relative;
}

.n_lianxi01 .txt span i {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #af1e28;
    display: block;
    position: absolute;
    right: -1.5rem;
    top: -.5rem;
}

.n_lianxi02 {}

.n_lianxi02 .m {
    max-width: 1440px;
}

canvas.cavs {
    opacity: 0.9;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.n_lianxi02 {}

.n_lianxi02 .bd {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.n_lianxi02 .tt {
    position: relative;
    margin-bottom: 3.125rem;
}

.n_lianxi02 .tt h3 {
    font-size: 1.4375rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 1.375rem;
    position: relative;
}

.n_lianxi02 .tt:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    position: absolute;
    left: 0;
    bottom: 0;
}

.n_lianxi02 .tt h3:after {
    content: "";
    display: block;
    width: 8.5rem;
    height: 2px;
    background: #af1e28;
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
}

.n_lianxi02 .txt {
    margin-right: 2rem;
}

.n_lianxi02 .txt {
    line-height: 1.75rem;
    display: grid;
    row-gap: 1.75rem;
}

.n_lianxi02 .txt dl {
    display: flex;
}

.n_lianxi02 .txt dl dt {
    flex-shrink: 0;
    width: 1.375rem;
    height: 1.75rem;
    margin-right: .75rem;
}

.n_lianxi02 .txt dl dt svg path {
    fill: #af1e28;
}

.n_lianxi02 .map {
    flex-grow: 1;
    height: 24.375rem;
    max-width: 44.875rem;
    border-radius: .625rem;
    overflow: hidden;
}

#mymap {
    width: 100%;
    height: 100%;
}

.container02 .top .ll img {
    animation: rotate0 2s ease infinite;
}

@keyframes rotate0 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.n_shezhao {
    background: #f5f5f5;
}

.n_shezhao .hd {
    margin-bottom: 3.125rem;
}

.n_shezhao .hd ul {
    display: flex;
    justify-content: center;
}

.n_shezhao .hd ul li {
    margin: 0 7.5px;
}

.n_shezhao .hd ul li a {
    display: flex;
    width: 10rem;
    height: 3.4375rem;
    justify-content: center;
    border-radius: 1.75rem;
    align-items: center;
    border: 1px solid #cccccc;
    transition: .5s;
}

.n_shezhao .hd ul li a:hover {
    border: 1px solid #af1e28;
    background: #af1e28;
    color: #fff;
}

.n_shezhao .hd ul li.on a {
    border: 1px solid #af1e28;
    background: #af1e28;
    color: #fff;
}

.n_shezhao .bd {}

.n_shezhao .bd ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 12.75rem;
    column-gap: 1.6875rem;
}

.n_shezhao .bd ul li {}

.n_shezhao .bd ul li a {
    display: flex;
    height: 100%;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: .625rem;
    transition: .5s;
}

.n_shezhao .bd ul li img {
    transition: 1s;
}

.n_shezhao .bd ul li .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    background: rgba(175, 30, 40, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #fff;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
}

.n_shezhao .bd ul li:hover a img {
    transform: scale(1.05);
}

/* .n_shezhao .bd ul li:hover a { box-shadow: 0px 8px 20px rgba(217, 223, 226, 0.8);} */
.n_shezhao .bd ul li:hover .mask {
    opacity: 1;
    visibility: visible;
    padding-top: 0;
}

.n_rencailinian {
    background: #f5f5f5;
}

.n_rencailinian .m {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.n_rencailinian .left {
    border-radius: .625rem 0 0 .625rem;
    overflow: hidden;
}

.n_rencailinian .right {
    padding: 5rem 4.25rem;
    background: #fff;
    border-radius: 0 .625rem .625rem 0;
    overflow: hidden;
}

.n_rencailinian .left .swiper {
    height: 100%;
}

.n_rencailinian .left .img {
    height: 100%;
}

.n_rencailinian .hd {
    margin-bottom: 2.5rem;
    position: relative;
}

.n_rencailinian .hd:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    position: absolute;
    left: 0;
    bottom: 0;
}

.n_rencailinian .hd ul {
    display: flex;
    justify-content: space-between;
    max-width: 447px;
}

.n_rencailinian .hd ul li {
    font-size: 1.25rem;
    padding-bottom: 1.375rem;
    color: #afaeae;
    font-weight: bold;
    transition: .5s;
    position: relative;
    cursor: pointer;
}

.n_rencailinian .hd ul li:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #af1e28;
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scaleX(0);
    transition: .5s;
    visibility: hidden;
}

.n_rencailinian .hd ul li.on {
    color: #000000;
}

.n_rencailinian .hd ul li.on:after {
    transform: scaleX(1);
    visibility: visible;
}

.n_rencailinian .txt {
    font-size: .9375rem;
    line-height: 1.875rem;
    text-align: justify;
	height:11rem;
}

.n_rencailinian .dotbox {
    left: 0;
    bottom: 2rem;
    width: 100%;
    height: 20px;
    z-index: 111;
    margin-top: 3rem;
}

.n_rencailinian .dotbox .swiper-pagination {
    width: 100%;
    text-align: left;
}

.n_rencailinian .dotbox .dots {
    width: 12px !important;
    height: 12px !important;
    display: inline-block;
    background: none;
    opacity: 1;
    margin-right: 7px;
}

.n_rencailinian .dotbox .dots:before {
    border: 1px solid #c5c5c5;
    background: none;
}

.n_rencailinian .dotbox .dots svg.drawcircle circle {
    fill: none;
    box-sizing: border-box;
    stroke-width: 2;
    stroke-dasharray: 0, 38;
    stroke-dashoffset: 38;
}

.n_rencailinian .dots.swiper-pagination-bullet-active svg.drawcircle circle {
    animation: svgrotate 6.2s forwards;
}

@-webkit-keyframes svgrotate {
    0% {
        stroke: #af1e28;
        stroke-dasharray: 0, 38;
        stroke-dashoffset: 38;
    }

    100% {
        stroke: #af1e28;
        stroke-dasharray: 38, 0;
        stroke-dashoffset: 38;
    }
}

.n_fazhan {
    background: url(../images/n_fazhan_bg.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.n_fazhan .n_tt span {
    color: #fff;
}

.n_fazhan .n_tt h3 {
    color: #fff;
}

.n_fazhan .con {
    font-size: 1.125rem;
    line-height: 2.1875rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 3.75rem;
    color: #fff;
    max-width: 1200px;
}

.n_fazhan .box {
    position: relative;
    border-radius: .625rem;
    overflow: hidden;
}

.n_fazhan .img {}

.n_fazhan .img img {}

.n_fazhan .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: auto;
    background-image: -moz-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .9) 100%);
    background-image: -webkit-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .9) 100%);
    background-image: -ms-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .9) 100%);
    padding-top: 3rem;
}

.n_fazhan .txt h4 {
    color: #fff;
    text-align: center;
    font-size: 1.125rem;
    width: 100%;
    padding-bottom: 1.5rem;
}

.n_zhiweifazhan {
    background: url(../images/n_zhiweifazhan_bg.jpg) center no-repeat;
}

.n_zhiweifazhan .bd .txt {
    padding: 3rem 5rem;
}

.n_zhiweifazhan .bd .txt i {
    width: 1.25rem;
    height: 2px;
    background: #af1e28;
    display: block;
    margin-bottom: 1.25rem;
}

.n_gzhuangjing {}

.n_gzhuangjing .swiper-slide {}

.n_gzhuangjing.yidongduan .swiper-slide .img img {}

.n_gzhuangjing .swiper-slide .img img {}

.n_gzhuangjing .swiper-slide .box {
    position: relative;
    border-radius: .625rem;
    overflow: hidden;
}

.n_gzhuangjing .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: auto;
    background-image: -moz-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .9) 100%);
    background-image: -webkit-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .9) 100%);
    background-image: -ms-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .9) 100%);
    padding-top: 3rem;
}

.n_gzhuangjing .txt h4 {
    color: #fff;
    font-size: 1.125rem;
    text-align: center;
    width: 100%;
    padding-bottom: 1.5rem;
}


.n_wenhua {
    height: calc(100vh - 5.375rem);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.n_wenhua .m {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.n_wenhua .n_tt {
    width: 100%;
}

.n_wenhua .bd {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.n_wenhua .left {
    flex-grow: 1;
    max-width: 720px;
}

.n_wenhua .right {
    width: 38.75rem;
    max-width: 100%;
    margin-left: 2rem;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    mix-blend-mode: multiply;
}

.n_wenhua .n_tt {
    text-align: left;
}

.n_wenhua .con {
    font-size: .9375rem;
    line-height: 1.875rem;
}

.n_wenhua2 {
    position: relative;
}

.n_wenhua2 ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 13px;
    padding-top: 2.5rem;
}

.n_wenhua2 ul li {
    transition: .5s;
}

.n_wenhua2 ul li .box {
    display: block;
    position: relative;
    border-radius: .625rem;
    overflow: hidden;
}

.n_wenhua2 ul li .img {
    height: 30.375rem;
}

.n_wenhua2 ul li .img img {}

.n_wenhua2 ul li .txt {
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    padding-top: 10rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.n_wenhua2 ul li .txt h5 {
    font-size: 1.625rem;
    color: #fff;
    font-weight: bold;
}

.n_wenhua2 ul li .txt i {
    display: block;
    width: 15px;
    height: 2px;
    margin: 1rem auto 1.875rem;
    background: #af1e28;
}

.n_wenhua2 ul li .txt p {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #fff;
}

.waves {
    position: absolute;
    z-index: 0;
    height: 300px;
    left: 0;
    right: 0;
    bottom: 0;
}

#particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 99;
}

.n_style {
    background: url(../images/n_style_bg.jpg) center no-repeat;
    background-size: cover;
    width: 100%;
    overflow: hidden;
}

.n_style .box {
    display: block;
    border-radius: .625rem;
    overflow: hidden;
    background: #fff;
}

.n_style .box .img {}

.n_style .box .img img {}

.n_style .box .img:after {
    padding-top: 61.7%;
}

.n_style .box .txt {
    background: #fff;
    padding: 2rem 2.5rem 2rem;
}

.n_style .box .txt h4 {
    font-size: 1.125rem;
    margin-bottom: .75rem;
    line-height: 1.5rem;
    height: 3rem;
    overflow: hidden;
    color: #000000;
}

.n_style .box .txt p {
    font-size: .875rem;
    color: #868686;
    line-height: 1.5rem;
    height: 3rem;
    overflow: hidden;

    margin-bottom: 2.25rem;
}

.n_style .box .txt span {
    white-space: nowrap;
    flex-shrink: 0;
    font-size: .75rem;
    color: #af1e28;
    width: 90px;
    height: 22px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbdbdb;
}

.btn_video2 {
    width: 3.375rem;
    height: 3.375rem;
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_video2 .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_video2 img {
    animation: roll 3s infinite ease;
}

@-webkit-keyframes roll {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes roll {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.n_about {
    height: calc(100vh - 5.375rem);
    background: url(../images/n_about_bg.jpg) center no-repeat;
    background-size: cover;
}

.n_about .hd {
    display: flex;
    align-items: center;
    margin-bottom:0rem;
	border-bottom: 1px solid rgb(255 255 255 / 50%);
    padding-bottom:1.5rem;
}

.n_about .n_tt {
    margin-bottom: 0 !important;
    margin-right: 1.5rem;
}

.n_about .n_tt span {
    color: #fff;
}

.n_about .n_tt h3 {
    color: #fff;
}

.n_about .con {
    font-size: 1rem;
    line-height: 3rem;
    color: #fff;
    margin-bottom: 9.5rem;
    text-indent: 2rem;
}



.tc_video {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    background: none;
    position: relative;
}

.tc_video #my-video {
    position: relative;
    height: 0;
    padding-top: 60%;
}

.tc_video #my-video video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.tc_video .tc_close {
    display: block;
    position: absolute;
    top: -2rem;
    right: -3rem;
    border-radius: 50%;
}

.video-js {
    width: 100% !important;
    height: 100% !important;
}

.video-js .vjs-big-play-button {
    left: 50% !important;
    top: 50% !important;
    margin-left: calc(-1.6rem - 5px);
    margin-top: calc(-1.6rem - 5px);
    background-color: rgba(0, 0, 0, 0) !important;
}

video {
    object-fit: fill;
}

.vjs-poster {
    background-size: cover !important;
}

.s_video .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s_video {
    position: relative;
}



.n_licheng .n_tt {}

.n_licheng .n_tt span {
    color: #fff;
}

.n_licheng .n_tt h3 {
    color: #fff;
}

.n_licheng .fl01 {
    background: url(../images/n_licheng_fl01_bg.jpg) center no-repeat;
    border-radius: .625rem;
    height: 25.3125rem;
    background-size: cover;
}

.n_licheng .fl01 .m {
    padding: 5rem 0 0 3.125rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.title003 h3 {
    font-size: 2.625rem;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    font-family: BarlowCondensed-Regular;
}

.title003 h4 {
    font-size: 2rem;
    color: #fff;
    font-weight: 600;
    margin: 1rem 0 0;
}

.n_licheng.arrstyle .swiper-button-white {
    position: relative;
}

.n_licheng .fl01 .arr_box {
    width: 80%;
    display: flex;
    align-self: flex-end;
    padding: 0 7%;
}

.n_licheng.arrstyle .swiper-button-white {
    flex-shrink: 0;
    width: 2.875rem;
    height: 2.875rem;
}

.n_licheng .fl01 .slick_hd {
    margin: 0 2rem;

}

.n_licheng .fl01 .slick_hd .slick-list {
    padding-bottom: 50px;
    margin-bottom: -50px;
}

.n_licheng .fl01 .slick_hd li {
    position: relative;
    text-align: center;
    cursor: pointer;
}

.n_licheng .fl01 .slick_hd li:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 0;
    background: url(../images/jiantou.png) center no-repeat;
    border-radius: 50%;
    left: 50%;
    margin-left: -11px;
    bottom: -32px;
    transition: 0.6s;
    overflow: hidden;
}

.n_licheng .fl01 .slick_hd li h4 {
    font-size: 2.625rem;
    color: rgba(255, 255, 255, 0.45);
    text-transform: uppercase;
    position: relative;
    padding-bottom: 3rem;
    font-family: BarlowCondensed-Regular;
}

.n_licheng .fl01 .slick_hd li h4:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: #ffffff;
    border-radius: 50%;
    left: 50%;
    margin-left: -12px;
    bottom: -12px;
    transform: scale(0);
    transition: 0.6s;
}

.n_licheng .fl01 .slick_hd li h4:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #af1e28;
    border-radius: 50%;
    left: 50%;
    margin-left: -6px;
    bottom: -6px;
    transform: scale(0);
    transition: 0.6s;
}

.n_licheng .title003 {
    position: static !important;
}


.n_licheng .fl01 .arr_left {}

.n_licheng .fl01 .arr_right {}

.n_licheng .fl01 .slick_hd li.slick-current h4 {
    color: #fff
}

.n_licheng .fl01 .slick_hd li.slick-current:before {
    height: 10px;
}

.n_licheng .fl01 .slick_hd li.slick-current h4:before {
    transform: scale(1)
}

.n_licheng .fl01 .slick_hd li.slick-current h4:after {
    transform: scale(1)
}

.n_licheng .fl02 {
    overflow: hidden;
    position: relative;
}

.n_licheng .fl02 .slick_bd h4 {
    float: left;
    font-size: 3.5rem;
    color: #af1e28;
    text-transform: uppercase;
    padding: 70px 0;
    padding-left: 6.25rem;
    font-family: BarlowCondensed-Regular;
    transform: translateY(-2rem);
    opacity: 0;
}

.n_licheng .fl02 .slick_bd .right {
    width: 74%;
    border-left: #dedede 1px solid;
    padding: 5rem 0;
    padding-left: 30px;
    min-height: 228px;
}

.n_licheng .fl02 .slick_bd .right p {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #000000;
    position: relative;
    margin-bottom: 1.5rem;
    transform: translateY(-2rem);
    opacity: 0;
    transition: 0s;
}

.n_licheng .fl02 .slick_bd .slick-current .right p {
    transform: translateY(0px);
    opacity: 1;
    transition: .6s;
}

.n_licheng .fl02 .slick_bd .slick-current h4 {
    transform: translateY(0px);
    opacity: 1;
    transition: .6s;
}

.n_licheng .fl02 .slick_bd .right p:before {
    content: "";
    position: absolute;
    left: -25px;
    width: 10px;
    height: 1px;
    top: 50%;
    margin-top: -1px;
    background: #dedede;
}

.n_licheng .fl02 .slick_bd .right p:after {
    content: "";
    position: absolute;
    left: -38px;
    width: 14px;
    height: 14px;
    top: 50%;
    margin-top: -7px;
    background: #fff;
    border: #dedede 1px solid;
    border-radius: 50%;
}

.n_tt.white h3 {
    color: #fff;
}

.n_tt.white span {
    color: #fff;
}

.n_zizhi {
    background: url(../images/n_zizhi_bg.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.n_zizhi .m {
    max-width: 1440px;
}

.n_zizhi .bd {}

.n_zizhi .box {
    display: block;
    padding: 2.75rem;
    background: url(../images/n_zizhi_li.jpg) center no-repeat;
    border-radius: .625rem;
    overflow: hidden;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.n_zizhi .box .pic {
    margin: 0 auto;
}

.n_zizhi .box .pic img {
    width: 13.25rem;
    height: 8.125rem;
    object-fit: contain;
}

.n_zizhi .box h4 {
    margin-top: 2.5rem;
    font-size: 1rem;
    color: #000000;
    width: 100%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.n_zizhi .item+.item {
    margin-top: 1.25rem;
}

/* .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 0 !important;} */
.n_shili {
    background: url(../images/n_shili_bg.jpg) center no-repeat;
    background-size: cover;
}

.n_shili .bd {}

.n_shili .m {
    max-width: 1440px;
}

.pic05 .box {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: #000;
    overflow: hidden;
    border-radius: .625rem;
}

.pic05 .box .img,
.pic05 .box .img img {
    width: 100%;
    overflow: hidden;
    position: relative
}

.pic05 .box .img img {
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.pic05 .box .img:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4C000000', endColorstr='#4C000000');
    background: rgba(0, 0, 0, 0.4);
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

:root .pic05 .box .img:after {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000');
}

/*for IE9*/
:root .pic05 .box .img:after {
    filter: none;
}

/*for IE9*/
.pic05 .box .con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pic05 .box .con .ico {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto;
}

.pic05 .box .con .ico img {}

.pic05 .box .con h4 {
    font-size: 1.125rem;
    font-weight: bold;
    color: #fff;
    margin-top: 1.25rem;
}

.pic05 .item+.item {
    margin-top: 0px;
}

.pic05 .box .con:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: rgba(175, 30, 40, 0.9);
    z-index: -1;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.pic05 .box:hover .img:after {
    left: 0;
    width: 0
}

.pic05 .box:hover .con:before {
    left: 0;
    width: 100%
}

.n_zhici {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.n_zhici .m {
    max-width: 1440px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.n_zhici .n_tt {
    width: 100%;
    text-align: center;
}

.n_zhici .bd {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.n_zhici .left {
    flex-grow: 1;
    margin-right: 4.5rem;
    padding-top: 1rem;
}

.n_zhici .right {
    width: 28.25rem;
    overflow: hidden;
    max-width: 100%;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    mix-blend-mode: multiply;
}

.n_zhici .right img {
    border-radius: .625rem;
}

.n_zhici .con {
    font-size: .9375rem;
    position: relative;
    text-align: justify;
    line-height: 1.875rem;
    color: #585858;
}

.n_zhici .con p {
    margin-bottom: 1.75rem;
}

.n_zhici .qianming {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: center;
    margin-top: 3.5rem;
}

.n_zhici .qianming span {
    display: block;
}

.n_zhici .scrollbox {
    max-height: 30.125rem;
    overflow: auto;
    padding-right: 2.25rem;
}

.n_zhici .scrollbox {
    height: 30rem;
    overflow-y: auto;
    padding-right: 1.5rem;
    position: relative;
}

.n_zhici .scrollbox::-webkit-scrollbar {
    width: 4px;
    height: 8px;
    background-color: #f9f9f9;
}

.n_zhici .scrollbox::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: transparent;
}

.n_zhici .scrollbox::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #af1e28;
}

.n_zhici .con:before {
    content: "";
    display: block;
    display: none;
    width: 1px;
    height: 100%;
    background: #e9e9e9;
    position: absolute;
    right: 2px;
    top: 0;
}

.n_search {}

.n_search .tt {
    font-weight: bold;
    font-size: 1.5rem;
    color: #000;
    margin-bottom: 3rem;
}

.n_search .tt .red {
    color: #af1e28;
}

.swiper-button-disabled {
    opacity: .3 !important;
}

.swiper-button-lock {
    opacity: 0 !important;
}

/* .pro_xiangguan .swiper-wrapper{ justify-content: center;} */



.cavs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 90%;
    z-index: 98;
}

.cavs2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.links {
    display: flex;
    flex-grow: 1;
}

.links .tt {
    flex-shrink: 0;
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    width: 3.5rem;
    height: 1.875rem;
}

.links .tt svg {
    width: 1.875rem;
    height: 1.875rem;
}

.links .con {
    flex-grow: 1;
}

.links .con a {
    font-size: .875rem;
    color: #a7a7a7;
    margin-right: 1.25rem;
    display: inline-block;
    line-height: 1.875rem;
    transition: .2s;
}

.links .con a:hover {
    color: rgba(255, 255, 255, 0.8);
}

#foot .box2 .line {
    display: block;
    width: 1px;
    height: auto;
    background: rgba(255, 255, 255, .1);
    margin: 0 3rem;
}

.n_dw{ 
font-weight: bold; 
font-size: 1.5rem; 
color: #fff; 
flex-grow: 1; 
font-family: 思源宋体;
text-align: right; 
align-self: flex-end;
font-style: italic;
}

.n_dw img{ width:27.5rem; max-width: 80%;}


/*合作客户*/


.s_coop{ background: #fbfaff; width: 100%; overflow: hidden;}

.s_coop{ width: 100%; position: relative; overflow: hidden; border-top: 1px solid #ebebeb;}

.s_coop ul{ margin:0 -1.625rem;}

.s_coop ul li{ width: 16.666%; float: left; text-align: center; padding: 0 .5rem; margin: 1.5rem 0;}

.s_coop ul li a{ display: inline-block; position: relative;}

.s_coop ul li .imgbox{ position: relative;}

.s_coop ul li .imgbox img{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

.s_coop ul li .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 1rem; display: flex; align-items: center; justify-content: center;}

.s_coop ul li .pic img{mix-blend-mode: multiply;}

.s_coop ul li h5{ font-size: 1rem; color: #3e3e3e; margin-top: 1.375rem;}

.s_coop ul li:hover h5{ color: #0082c6;}

.s_coop ul li:hover .imgbox>img{ filter: drop-shadow(0px 0px 10px rgba(0,0,0,.1)); -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.1)); }



.s_coop .slick-arrow{ z-index:99; position:absolute; top:50%; opacity:1; margin-top: 15px;

	display:block; width:2.3125rem; height: 2.3125rem; background-size:contain !important;}

.s_coop .slick-prev{ left:-6.25rem;background:url(../images/s_coop_left.png) left center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

.s_coop .slick-next{ right:-6.25rem; background:url(../images/s_coop_right.png) right center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

.s_coop .slick-prev:hover{ background:url(../images/s_coop_left_on.png) left center no-repeat; }

.s_coop .slick-next:hover{ background:url(../images/s_coop_right_on.png) right center no-repeat; }
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
/*@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 0px;
}
[dir='rtl'] .slick-prev
{
    right: 0px;
    left: auto;
}
.slick-prev:before
{
    content: '<'; font-family:simsun;
}
[dir='rtl'] .slick-prev:before
{
    content: '>'; font-family:simsun;
}

.slick-next
{
    right: 0px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px;
}
.slick-next:before
{
    content: '>'; font-family:simsun;
}
[dir='rtl'] .slick-next:before
{
    content: '<'; font-family:simsun;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.container05{padding:9.875rem 0;background:url(../images/container05_bg.jpg) center no-repeat;background-size:cover;background-attachment:fixed;overflow: hidden;}
.container05 .fl{ width:33%}
.container05 .fl h2{font-size: 2rem;color:#ffffff;font-weight:bold;position:relative;margin-bottom: 4rem;}
.container05 .fl h2:before{content:"";position:absolute;left:0;bottom:-2rem;width: 2rem;height: 4px;background: #d5042c;}
.container05 .fl h4{font-size:1.5rem;color:#ffffff;line-height: 2.75rem;margin-bottom: 1.5rem;}
.container05 .fl p{font-size: 14px;line-height: 27px;margin-bottom: 2.75rem;color:#ffffff;}
.more_a1{}
.more_a1 .span{display:inline-block;width: 8.4375rem;height: 42px;line-height: 42px;font-size: 0.9375rem;color: #fff;transition:0.6s;background: #c5262c;position: relative;overflow: hidden;text-align:center;border-radius: 21px;}
.more_a1 .span:before{content:"";position:absolute;width: 200px;height: 200px;top:50%;margin-top: -100px;left:50%;margin-left: -100px;background: rgba(0, 0, 0, 0.1);transform:scale(0);transition:0.6s;border-radius: 50%;opacity:0;}
.more_a1 .span span{ position:relative}

.container05{ overflow:hidden}
.container05 .fr{ padding:5rem 0 0}
.container05 ul{font-size:0;float:left;margin: 0 0 0 0;}
.container05 ul li{display:inline-block; *display:inline;*zoom:1;text-align:center;margin-left: 3.5rem;}
.container05 ul li h5{font-size: 1.125rem;color:#fefefe;padding-right: 0;margin-bottom: 2rem;}
.container05 ul li h5 img{ display:inline-block;}
.container05 ul li h4{margin-bottom: 1rem;}
.container05 ul li h4>span{font-size: 4rem;color:#fff;vertical-align: top;margin: -0.5rem 0 0;font-family: Roboto;font-weight: bold;display: inline-block;}
.container05 ul li h4 font{font-size: 4rem;color:transparent;font-family: Roboto;font-weight: bold;position: relative;}
.container05 ul li h4 span.counter{font-size: 4rem;color:#fff;font-weight: 100; position:absolute; top:0; right:0; bottom:0; left:0}
.container05 ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.container05 ul li h6{font-size: 0.9375rem;color: rgba(255, 255, 255, 0.75);padding-right: 0;line-height: 20px;text-align: left;display: inline-block;}

#s_video{ width: 100%; height: 22.5rem; overflow: hidden; background: url(../images/s_video_bg.jpg) center no-repeat; text-align: center;}
#s_video h3{ font-size: 2.25rem; font-family: arial; font-weight: bold; text-transform: uppercase; color: #fff;}
#s_video h4{ font-size: 1.125rem; color: #fff; margin-top: 1rem; margin-bottom: 2.25rem;}
#s_video #bnt_show_video img{ width: 4.875rem;}
/*视频弹窗*/
.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}
.tc .j_tab{ table-layout: fixed;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{ display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{ box-sizing:border-box; z-index:999; display: block; position:relative; transform: translateY(-2rem);transition: all 0.5s ease-out; opacity: 0; }
.tc.act .tc-box{ transform: translateY(0); opacity: 1;}
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right:15px; top: 15px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.8); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc_shipin{  width:44rem;  max-width: 90%; margin:0 auto;  background:none; position:relative;}
.tc_shipin video{ width:100%; height:100%;}
.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-3rem; border-radius:50%;}
.tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }
.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.video-js{ width: 100% !important; height: 100% !important;padding-top: 60% !important;}
.video-js .vjs-tech{position: absolute !important; top: 0; left: 0;}
.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}
video{ object-fit:fill;}
.vjs-poster{ background-size: cover !important;}


.banner{text-align:center;}
.banner img{text-align:center}
.qys{color: #133c44;}
.qys2{color: #133c44;padding:3rem;}
.qys2 p{line-height:2rem;}
.ny_margin{margin-top:4rem;}
.n_ertong{width: 100%;height: auto; overflow: hidden;}
.n_ertong_1{}
.n_ertong_1 .etleft{float: left;width: 50%;}
.n_ertong_1 .etright{float:right;width:48%;text-align:right;}
.ertong_title{font-size: 40px; font-weight: 600;color:#1c5ab7;line-height: normal;}
.ertong_title i{display: block;font-size: 50px; font-weight: 600;}
.ertong_line{height: 5px;border-bottom:3px solid #f0f0f0;}
.pad_top{padding-top:2.25rem;}
.ertong_content{line-height: 25px;display: block;}
.ertong_content p{ line-height: 3.5rem;color: #343434;}
.ertong_advtange ul{}
.ertong_advtange ul li{
    float:left; width: 20%; background: url(../images/ny_06.png) center no-repeat;
    height: 96px;line-height: 96px;text-align: center;
    font-weight: 600;
    color: #1c5ab7;
}
.ertong_advtange ul li p{text-align: center; vertical-align:middle;}


.n_ertong_2{background-color: #f8f8f8;width: 100%;height: 600px;display: block;overflow: hidden;}
.n_ertong_2 .ny2{overflow: hidden;}
.ny2_left{float:left; width: 30%;}
.ny_title{font-size: 30px; font-weight: 600;}
.ny_line{width: 80px; height: 3px;background-color: #1c5ab7;margin-top:20px;}
.ny_content{line-height:2.5rem; color: #333;font-size: 16px;}
.ny2_right{float: right;}
.ny3{overflow: hidden;}
.ny3_left{float:left;}
.ny3_right{float:right; width: 50%;}
.ny4_right{float:right;}

.n_ertong_3{background-color: #fff;}
.ny3_title{
    background:url(../images/ny_20.png) center no-repeat;
     height:65px; 
     text-align: center;
     line-height: 65px; 
     font-size: 36px;
     font-weight: 600;
     color: #0a51bc;
    }
.ny3_advtange{
    background: url(../images/bg_18.png) center no-repeat;
    height: 446px;
    overflow:hidden;
    margin-top:40px;
    padding:50px 0px 10px 780px;
    list-style-type:square;
}   
.ny3_advtange p{line-height: 4rem; color: #fff;font-size: 18px;background: url(../images/adv_03.png) left no-repeat; padding-left:3rem} 
.ny3_td{background:url(../images/ny_17.png) center no-repeat;height: 903px;}
.ny3_td .ny3_td_title{width: 200px;}
.pad_td_top{padding-top:3rem;overflow: hidden;}
.pad_td_top2{padding-top:6rem;overflow: hidden;}
.pad_td_top3{padding-top:9rem;overflow: hidden;}
.pad_td_top4{padding-top:12rem;overflow: hidden;}
.ny3_td .ny3_td_title i{color:#1c5ab7; font-size:28px;}
.ny3_td .ny3_td_title p{line-height: 1.5rem;font-size: 16px;padding-top:1rem; color: rgb(85, 85, 85);}

.ny4{background-color:#f8f8f8;height: auto;overflow: hidden;}
.ny4_title{font-size: 26px;font-weight: 600; text-align: center;}
.ny4_line{width:60px;height: 5px;background-color:#0a6bc9 ;margin:1rem auto}
.qys_line{background-color:#183e47 ;}
.ny4_sy{}
.ny4_sy ul{display: block;}
.ny4_sy ul li{width:12.5%; float: left;margin-bottom: 2rem; text-align: center;}
.fense{
    width:90px;
    height: 90px; 
    border-radius: 50%;
    background-color: #ca6369;
    line-height: 90px;
     color: #fff;
     font-weight: 600;
     font-size: 3rem; 
     margin: 0 auto;}
.tubiao{
    width:90px;
    height: 90px;
    border-radius: 50%;background-color: #0071bc;
    line-height: 90px; color: #fff;font-weight: 600;font-size: 3rem; margin: 0 auto;}
.ny4_sy ul li img{display: inline;}
.ny4_sy ul li p{line-height: 2rem; font-size: 16px;text-align: center;}

.ny5{background-color: #fff;overflow: hidden;}
.ny5 .ny5_case1{border-right: 1px solid #cacaca;float:left;width: 25%;line-height: 3rem;text-align: center;border-left: 1px solid #cacaca;}
.ny5 .ny5_case1 p{font-size: 40px;font-weight: 600;}
.ny5 .ny5_case2{border-right: 1px solid #cacaca;float:left;width:25%;line-height: 3rem;text-align: center;}
.ny5 .ny5_case2 p{font-size: 40px;font-weight: 600;}
.ny5 .ny5_case3{float: left;width: 50%;padding-left:2rem;}
.ny5 .ny5_case3 p{line-height: 2rem;}

/*解决方案*/
.case{}
.case_bj{background-color: #fff;}
.case_bj_title{font-size: 46px;font-weight: 800;text-align: center;color:#0357b2;position: relative;z-index: 2;}
.case_bj_entitle{font-size: 2.5rem;text-align: center;color:#f7f7f7;position: relative;z-index: 0; top:-15px}
.case_bj_js{
    background: url(../images/ny_20.png) center no-repeat;
    height: 65px;
    margin-top:80px;
    text-align: center;
    line-height: 65px;
    font-size: 36px;
    font-weight: 600;
    color: #0a51bc;}
.case_bj_about{background-color: #0071bc;padding:4rem;margin-top:50px;}
.case_bj_about p{font-size: 16px;color: #fff;line-height:45px;}
.case_bj_hj{display: block;overflow: hidden;margin-top:20px;}
.case_bj_hj ul{}
.case_bj_hj ul li{width:400px; margin-right:20px;float: left;}
.case_bj_hj ul li:last-child{margin-right: 0;}

.case_xm{background: url(../images/bj_04.png) center no-repeat;overflow: hidden;}
.case_xm_title{
    background: url(../images/ny_20.png) center no-repeat;
    height: 65px;
    margin-top:50px;
    text-align: center;
    line-height: 65px;
    font-size: 36px;
    font-weight: 600;
    color: #0a51bc;}
.case_xm_xtitle{
    margin-top:40px;
    background: url(../images/bj_03.png) center no-repeat;
    text-align: center;font-size: 1.8rem;font-weight: 600; letter-spacing:.1rem; color: #0a51bc;}    
.case_xm_content{margin-top:50px;}

.case_ks{}
.case_ks_title{
    background: url(../images/ny_20.png) center no-repeat;
    height: 65px;
    margin-top: 50px;
    text-align: center;
    line-height: 65px;
    font-size: 36px;
    font-weight: 600;
    color: #0a51bc;}
.case_ks_xtitle{
    margin-top: 40px;
    background: url(../images/bj_03.png) center no-repeat;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: .1rem;
    color: #0a51bc;}  

  

.case_ks_line{
    height:36px;
    margin-top:40px;
    line-height: 36px;
    font-size: 1.8rem;
    font-weight: 600;
    text-align:center;
    position:relative;
    color: #0a51bc;
}
    .case_ks_line div:before,.case_ks_line div:after
    {
        position:absolute;
        background:#0a51bc;
        content:"";
        height:2px;
        top:50%;
        width:480px;
    } 
    .case_ks_line div:before{left:10px;}
    .case_ks_line div:after{right:10px;}  
    
.case_ks_content{margin-top:80px; margin-bottom:100px;}    



.case_sz{
    background: url(../images/bj_04.png) center no-repeat;
    overflow: hidden;
}

.case_sz_title{
    background: url(../images/ny_20.png) center no-repeat;
    height: 65px;
    margin-top: 50px;
    text-align: center;
    line-height: 65px;
    font-size: 36px;
    font-weight: 600;
    color: #0a51bc;}

.case_sz_about{
    background-color: #0071bc;
    padding: 4rem;
    margin-top: 50px;}    
.case_sz_about p{
    font-size: 16px;
    color: #fff;
    line-height: 45px;}    
.case_sz_content{margin:60px auto 150px auto}
.case_sz_content img{text-align: center;vertical-align: middle;margin-bottom: 20px;}
.case_sz_content p{color: #a7a7a7;line-height: 2rem;}

/*end*/
/*颜色模块*/
.pink{color:#f1878b}
.green{color:#8ac43f}
.greens{color:#8ac43f}
.whites{background-color:#fff}
.pinkbg{background-color:#f1878b}
.yellow{color:#fea330}
.yellow_line{background-color:#fea330;width: 60px;height: 5px; margin:0 auto;}
/*儿保科解决方案*/
.white{background-color:#fff}
.grey{background-color:#f0f0f0}
.greys{background-color:#fafafa}
.qysbg{background-color:#662d8f}
.ebcase{}
.ebcase_bj{background-color: #fff;}
.ebcase_bj_title{font-size: 46px;font-weight: 800;text-align: center;position: relative;z-index: 2;line-height: initial;}
.ebcase_bj_title i{display: inline-block;font-weight: normal;}
.ebcase_bj_entitle{font-size: 2.5rem;text-align: center;color:#f7f7f7;position: relative;z-index: 0; top:-15px}

.ebcase_bj_titles{font-size: 2.8rem;font-weight: 800;text-align: center;color:#8ac43f;position: relative;z-index: 2;}
.ebcase_bj_entitles{font-size: 2rem;text-align: center;color:#f7f7f7;position: relative;z-index: 0; top:-15px}


.ebcase_bj_bt{line-height: 36px;margin-top:50px;}
.ebcase_bj_border{border: 1px solid #8ac43f; width: 220px;margin: 0 auto;height: 50px;position: relative;}
.ebcase_bj_line{border:1px solid #fff;border-left:none;border-right: none;padding:.2rem 0rem;text-align: left; font-size: 1.5rem;color: #fff;;}
.ebcase_bj_lineblack{border:1px solid rgba(224, 223, 223, 0.92);border-left:none;border-right: none;padding:.2rem 0rem;text-align: left; font-size: 1.5rem;color:rgb(190, 190, 190);line-height:3rem;}
.ebcase_bj_div{
    position: relative; 
    top: -30px;
    font-size: 2.2rem; 
    font-weight: 600; 
    text-align: center; 
    width: 160px;
    margin: 0 auto; }
.yycase_bj_border{border: 1px solid #f1878b; width: 220px;margin: 0 auto;height: 50px;position: relative;}    
.yycase_bj_div{
        position: relative; 
        top: -30px;
        font-size: 2rem; 
        font-weight: 600; 
        text-align: center; 
        color: #f1878b;
        width: 160px;
        margin: 0 auto;}    
.ebcase_bj_div_green{
        position: relative; 
        top: -30px;
        font-size: 2rem; 
        font-weight: 600; 
        text-align: center; 
        color: #8ac43f;
        width: 160px;
        margin: 0 auto; background: #fff;}
.ebcase_bj_span{font-size: 1.1rem;color: rgb(167, 167, 167);text-align: center;}
.ebcase_bj_js{
    background: url(../images/ny_20.png) center no-repeat;
    height: 65px;
    margin-top:80px;
    text-align: center;
    line-height: 65px;
    font-size: 36px;
    font-weight: 600;
    color: #8ac43f;}
.ebcase_bj_about{background-color: #8ac43f;margin-top:50px;overflow: hidden;padding: 4.5rem;}
.ebcase_bj_about p{font-size: 18px;color: #fff;line-height:45px;}
.ebcase_bj_about img{float: right; width: 30%;padding-left: 3rem;}
.ebcase_bj_hj{display: block;overflow: hidden;margin-top:20px;}
.ebcase_bj_hj ul{}
.ebcase_bj_hj ul li{width:400px; margin-right:20px;float: left;}
.ebcase_bj_hj ul li:last-child{margin-right: 0;}

.ebcase_xm{overflow: hidden;}
.ebcase_xm_title{
    background: url(../images/ny_20.png) center no-repeat;
    height: 65px;
    margin-top:50px;
    text-align: center;
    line-height: 65px;
    font-size: 36px;
    font-weight: 600;
    color: #8ac43f;}
.ebcase_xm_xtitle{
    margin-top:40px;
    background: url(../images/bj_03.png) center no-repeat;
    text-align: center;font-size: 1.8rem;font-weight: 600; letter-spacing:.1rem; color: #8ac43f;}    
.ebcase_xm_content{margin-top:50px;background-color: #f7f7f7;padding:3rem;}
.ebcase_xm_content p{line-height: 3rem;}
.ebcase_ks{background:linear-gradient(to bottom,#fff,rgb(228 228 228 / 24%));}
.ebcase_yy{background:#f1f9fc;overflow:hidden;}


/*适应疾病*/

.caselists {}

.caselists ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.25rem;
    row-gap: 2.25rem;
   
}
.caselists .list-paddingleft-2{color:#000000; line-height:2rem;}
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}
.caselists .list-paddingleft-2 li::marker {
    content: "█";
    width: 20px;
    height: 20px;
}
.caselists ul li {
    line-height: 3rem;
    color: #fff;
    background: #bce2fb;
    padding-left: 2rem;
    padding-top:.41rem;
    padding-bottom: .4rem;
    border-radius: 5px;
}

.caselists ul li:nth-child(2n+1){background-color: #8cbe3b;}
.caselists ul li:nth-child(2n+2){background-color: #dd659d;}
.caselists ul li:nth-child(2n+3){background-color: #f38e2d;}
.caselists ul li:nth-child(2n){background-color: #5ba2d0;}
.caselists ul li:nth-child(4n){background-color: #5ba2d0;}

.caselists ul li a {
    display: block;
    height: 100%;
    background: #fff;
    border-radius: .625rem;
    overflow: hidden;
    transition: .5s;
}

.caselists ul li a .img {}

.caselists ul li a .img img {}

.caselists .img:after {
    padding-top: 79%;
}

.caselists ul li a .txt {
    padding-top: 1.5rem;
    position: relative;
}

.caselists ul li a .txt span {
    display: inline-flex;
    position: absolute;
    margin-bottom: .875rem;
    align-items: center;
    justify-content: center;
    height: 1.5625rem;
    padding: 0 .875rem;
    border-radius: 1.125rem;
    background: #af1e28;
    color: #fff;
    font-size: .8125rem;
}

.caselists ul li a .txt h4 {
    font-size: 1.25rem;
    color: #000000;
    line-height: 1.625rem;
    height: 3.25rem;
    overflow: hidden;
    text-align: center;
}

.caselists ul li a:hover {
    box-shadow: 0px 8px 20px rgba(217, 223, 226, 0.8);
}


/*建设意义一*/
.ebcase_jsyy{margin-top:4rem}
.jsyy{background-color: #0fb7ab;overflow: hidden;border-radius: 10px;line-height: 0;}
.ebcase_jsyy .jsyy_left{float: left;width: 30%;}
.jsyy_left img{width: 100%;}
.ebcase_jsyy .jsyy_right{float: right;width: 70%;}
.jsyy_right p{line-height: 2.5rem;padding: 3.5rem;color: #fff;}
.ebcase_jsyy ul{}
.ebcase_jsyy ul li{float:left; width:48%;margin-right:4%; overflow: hidden; height: auto;margin-bottom: 3%;}
.ebcase_jsyy ul li:nth-child(2n){margin-right:0}
.ebcase_jsyy ul li p{color: #fff;font-weight: 800;font-size: 2.5rem;text-align: center;padding-bottom: 2rem;}
.ebcase_jsyy ul li span{line-height: 2.2rem;color: #fff;font-size: .1.2rem;}
.ebcase_jsyy ul li.yy_01{background-color:#ff983b;padding: 3rem;border-radius: 10px;}
.ebcase_jsyy ul li.yy_02{background-color:#4c83d3;padding: 3rem;border-radius: 10px;}
.ebcase_jsyy ul li.yy_03{background-color:#0fb7ab;padding: 3rem;border-radius: 10px;}
.ebcase_jsyy ul li.yy_04{background-color:#fe668c;padding: 3rem;border-radius: 10px;}

/*建设意义二*/
.ebcase_jsyy2{margin-top:4rem}
.ebcase_jsyy2 ul{}
.ebcase_jsyy2 ul li{width:100%; overflow: hidden; height: auto;margin-bottom: 3%;border-radius: 10px;padding: 3rem;line-height: 4.4rem;}
.ebcase_jsyy2 ul li .jsyy_title{color: #fff;font-weight: 800;font-size: 3.5rem;text-align: center;float:left;width: 15%;line-height: 4.4rem;}
.ebcase_jsyy2 ul li .jsyy_content{line-height: 2.2rem;color: #fff;float:right;width:85%;border-left:1px solid #fff;padding-left:2rem;vertical-align:middle;}

.ebcase_jsyy2 ul li .jsyy_title2{color: #fff;font-weight: 800;font-size: 3.5rem;text-align: center;line-height: 4.4rem;}
.ebcase_jsyy2 ul li .jsyy_content2{line-height: 2.2rem;color: #fff;vertical-align:middle;padding:2rem}


.ebcase_jsyy2 ul li.yy_01{background-color:#ff983b;}
.ebcase_jsyy2 ul li.yy_02{background-color:#4c83d3;}
.ebcase_jsyy2 ul li.yy_03{background-color:#0fb7ab;}
.ebcase_jsyy2 ul li.yy_04{background-color:#fe668c;}
.ebcase_jsyy2 ul li.yy_05{background-color:#ffc639;}
.ebcase_ks_title{
    background: url(../images/ny_20.png) center no-repeat;
    height: 65px;
    margin-top: 50px;
    text-align: center;
    line-height: 65px;
    font-size: 36px;
    font-weight: 600;
    color: #8ac43f;}
.ebcase_ks_xtitle{
    margin-top: 40px;
    background: url(../images/bj_03.png) center no-repeat;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: .1rem;
    color: #8ac43f;}  

  

.ebcase_ks_line{
    height:36px;
    margin-top:40px;
    line-height: 36px;
    font-size: 1.8rem;
    font-weight: 600;
    text-align:center;
    position:relative;
    color: #8ac43f;
}
.ebcase_ks_line div:before,.ebcase_ks_line div:after
    {
        position:absolute;
        background:#8ac43f;
        content:"";
        height:1px;
        top:50%;
        width:40%;
    } 
.ebcase_ks_line div:before{left:10px;}
.ebcase_ks_line div:after{right:10px;}  
    
.ebcase_ks_content{margin-top:80px; padding-bottom:100px;}    



.ebcase_sz{

    overflow: hidden;
}

.ebcase_sz_title{
    background: url(../images/ny_20.png) center no-repeat;
    height: 65px;
    margin-top: 50px;
    text-align: center;
    line-height: 65px;
    font-size: 36px;
    font-weight: 600;
    color: #8ac43f;}

.ebcase_sz_about{
    background-color: #8ac43f;
    padding: 2rem;
    margin-top: 50px;}    
.ebcase_sz_about p{
    font-size: 16px;
    color: #fff;
    line-height: 45px;}    
.ebcase_sz_content{margin:60px auto 150px auto}
.ebcase_sz_content img{text-align: center;vertical-align: middle;margin-bottom: 20px;}
.ebcase_sz_content p{color: #a7a7a7;line-height: 2rem;}

/*训练意义*/
.xlyy{background-color:#fff;overflow: hidden;}
.xlyy ul{}
.xlyy ul li{float:left; width:31%;margin-right:3%;border-radius: 10px;background-color: #edf9fd;overflow: hidden;padding:3rem 2.5rem;}
.xlyy ul li .xlyy_title{display:block;font-size: 1.5rem;font-weight: 600;text-align: center;line-height: 2rem;padding: 1rem;color: #0071bc;}
.xlyy ul li .xlyy_img{width: 100%;height: auto;text-align:center ;}
.xlyy ul li .xlyy_content{padding-top:10px;line-height: 25px;color: #666666;}
.xlyy ul li:last-child{margin-right: 0;}

/*临床意义*/
.lcyy{background-color:#fff;overflow: hidden;}
.lcyy ul{}
.lcyy ul li{float:left; width:100%;border-radius: 10px;background-color: #edf9fd;overflow: hidden;padding:3rem 2.5rem;margin-bottom: 2%;}
.lcyy ul li .lcyy_title{display:grid;font-size: 1.8rem;font-weight: 600;line-height: 2rem;padding: 1rem 2rem;color: #0071bc;}
.lcyy ul li .lcyy_img{width: 20%;height: auto;float: left;}
.lcyy ul li .lcyy_content{padding:2rem;line-height: 2rem;color: #666666;float: right;width: 80%;}
.lcyy ul li:last-child{margin-right: 0;}

.lcyy .ptbg_01{
    background:url(../images/pt_01.png) center no-repeat;
   background-size:60% 80%;
    -moz-background-size:60% 80%;
    -webkit-background-size: 100% 100%;
    -o-background-size:60%;
    height: 80px;line-height: 80px;
    margin-bottom: 20px;
}
.lcyy .ptbg_02{
    background:url(../images/pt_02.png) center no-repeat;
   background-size:60% 80%;
    -moz-background-size:60% 80%;
    -webkit-background-size: 100% 100%;
    -o-background-size:60%;
    height: 80px;line-height: 80px;
    margin-bottom: 20px;
}
.lcyy .ptbg_03{
    background:url(../images/pt_03.png) center no-repeat;
   background-size:60% 80%;
    -moz-background-size:60% 80%;
    -webkit-background-size: 100% 100%;
    -o-background-size:60%;
    height: 80px;line-height: 80px;
    margin-bottom: 20px;
}
.lcyy .ptbg_04{
    background:url(../images/pt_04.png) center no-repeat;
   background-size:60% 80%;
    -moz-background-size:60% 80%;
    -webkit-background-size: 100% 100%;
    -o-background-size:60%;
    height: 80px;line-height: 80px;
    margin-bottom: 20px;
}
.lcyy .ptbg_05{
    background:url(../images/pt_05.png) center no-repeat;
   background-size:60% 80%;
    -moz-background-size:60% 80%;
    -webkit-background-size: 100% 100%;
    -o-background-size:60%;
    height: 80px;line-height: 80px;
    margin-bottom: 20px;
}

.lcyy .ptbg_06{
    background:url(../images/pt_06.png) center no-repeat;
   background-size:60% 80%;
    -moz-background-size:60% 80%;
    -webkit-background-size: 100% 100%;
    -o-background-size:60%;
    height: 80px;line-height: 80px;
    
}

.lcyy  .pt_left{float:left;width:20%;font-size: 2rem; padding-left: 5%;color:#fff;}
.lcyy  .pt_right{float:right; width:80%;}
.lcyy  .pt_bt01{color:#2780b9}
.lcyy  .pt_bt02{color:#129f84}
.lcyy  .pt_bt03{color:#9bba59}
.lcyy  .pt_bt04{color:#f19b1e}
.lcyy  .pt_bt05{color:#ef5a24}
.lcyy  .pt_bt06{color:#bf3a2a}

/*适应疾病*/
.syjb{overflow: hidden;}
.syjb ul{}
.syjb ul li{
    float:left;
    width: 31%;
    margin-right: 3%;
    border-radius: 15px;
    line-height: 3rem;
    font-size: 2rem;
    background: url(../images/xy_02.png) center top no-repeat;
    background-color: #0071bc;
    color: #fff;
    text-align: center;
    margin-bottom: 3rem;
    background-size: 100%;
}
.syjb ul li .tmbg{position: relative;z-index: 1;background-color: #0071bc;opacity: 0.85;padding: 5rem 4rem;  border-radius: 15px;}
.syjb ul li .tmtitle{position: relative;z-index: 3;}
.syjb ul li:nth-child(3n){margin-right: 0;}

/*适应疾病二*/
.syjbs ul{overflow: hidden;}
.syjbs ul li{
    float:left;
    width: 24.2%;
    margin-right: 1%;
    border-radius: 15px;
    line-height: 3rem;
    font-size: 1.8rem;
    background: url(../images/csbg.png) center top no-repeat;
    background-color: #0071bc;
    color: #fff;
    text-align: center;
    margin-bottom: 3rem;
}
.syjbs ul li .tmbg{position: relative;z-index: 1;background-color: #0071bc;opacity: 0.7;padding: 5rem 3rem;  border-radius: 15px;}
.syjbs ul li .tmbg i{font-weight: 800;}
.syjbs ul li .tmtitle{position: relative;z-index: 3;}
.syjbs ul li:nth-child(4n){margin-right: 0;}

/*适应疾病三*/
.syjbss ul{overflow: hidden;}
.syjbss ul li{
    float:left;
    width: 18.5%;
    margin-right: 1.5%;
    border-radius: 50%;
    font-size: 1.8rem;
    background: url(../images/xy_02.png) center no-repeat;
    background-color: #0071bc;
    color: #fff;
    text-align: center;
    margin-bottom: 3rem;
    background-size: 130% auto;
}
.syjbss ul li .tmbg{position: relative;z-index: 1;background-color: #0071bc;opacity: 0.7;padding: 5rem 2rem;  border-radius: 50%;}
.syjbss ul li .tmbg i{font-weight: 800;}
.syjbss ul li .tmtitle{position: relative;z-index: 3;}
.syjbss ul li:nth-child(5n){margin-right: 0;}


/*适应疾病三*/
.syjb3 ul{overflow: hidden;}
.syjb3 ul li{
    float:left;
    width: 30%;
    margin-right: 4.8%;
    border-radius: 10px;
    margin-bottom: 3rem;
    background-color: #0071bc;
    box-shadow: 0px 10px 8px rgb(0 0 0 / 9%);
}
.syjb3 ul li .jbtitle{font-size: 1.2rem; padding: 2rem;color: #fff;text-align: center;}
.syjb3 ul li .tmbg{
position: relative;z-index: 1;
background-color: #0071bc;opacity: 0.7;
padding: 5rem 2rem;border-radius: 50%;}
.syjb3 ul li .tmbg i{font-weight: 800;}
.syjb3 ul li .tmtitle{position: relative;z-index: 3;}
.syjb3 ul li:nth-child(3n){margin-right: 0;}
.syjb3 ul li:last-child{margin-right:0}
/*.syjb3 ul li:nth-child(odd) {background-color: #0a6bc9;}
.syjb3 ul li:nth-child(even) {background-color: #c90a0abf;}*/
.syjb3 ul li:nth-child(2n+1){background-color: #d71719;}
.syjb3 ul li:nth-child(2n+2){background-color: #dd659d;}
.syjb3 ul li:nth-child(2n+3){background-color: #d71719;}
.syjb3 ul li:nth-child(2n){background-color: #173d46;}
.syjb3 ul li:nth-child(4n){background-color: #173d46;}
/*结束*/


/*适应疾病四*/
.syjb4 ul{overflow: hidden;}
.syjb4 ul li{
    float:left;
    width: 23%;
    margin-right: 2.6%;
    border-radius: 10px;
    margin-bottom: 3rem;
    background-color: #0071bc;
    box-shadow: 0px 10px 8px rgb(0 0 0 / 9%);
}
.syjb4 ul li .jbtitle{font-size: 1.2rem; padding: 2rem;color: #fff;text-align: center;}
.syjb4 ul li .tmbg{position: relative;z-index: 1;background-color: #0071bc;opacity: 0.7;padding: 5rem 2rem;  border-radius: 50%;}
.syjb4 ul li .tmbg i{font-weight: 800;}
.syjb4 ul li .tmtitle{position: relative;z-index: 3;}
.syjb4 ul li:nth-child(4n){margin-right: 0;}
.syjb4 ul li:last-child{margin-right:0}
/*.syjb4 ul li:nth-child(odd) {background-color: #0a6bc9;}
.syjb4 ul li:nth-child(even) {background-color: #c90a0abf;}*/
.syjb4 ul li:nth-child(2n+1){background-color: #8cbe3b;}
.syjb4 ul li:nth-child(2n+2){background-color: #dd659d;}
.syjb4 ul li:nth-child(2n+3){background-color: #f38e2d;}
.syjb4 ul li:nth-child(2n){background-color: #5ba2d0;}
.syjb4 ul li:nth-child(4n){background-color: #5ba2d0;}
/*结束*/



/*适应疾病五*/
.syjb5 ul{overflow: hidden;}
.syjb5 ul li{
    float:left;
    width: 18%;
    margin-right: 2.5%;
    border-radius: 50%;
    padding: 2rem;
    color: #fff;
    line-height: 3rem;
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 3rem;
    background-color: #0071bc;
    box-shadow: 0px 10px 1px rgb(0 0 0 / 9%);
}
.syjb5 ul li .jbtitle{font-size: 1.2rem; padding: 2rem;color: #fff;text-align: center;}
.syjb5 ul li .tmbg{position: relative;z-index: 1;background-color: #0071bc;opacity: 0.7;padding: 5rem 2rem;  border-radius: 50%;}
.syjb5 ul li .tmbg i{font-weight: 800;}
.syjb5 ul li .tmtitle{position: relative;z-index: 3;}
.syjb5 ul li:last-child{margin-right:0}
/*.syjb5 ul li:nth-child(odd) {background-color: #0a6bc9;}
.syjb5 ul li:nth-child(even) {background-color: #c90a0abf;}*/
.syjb5 ul li:nth-child(2n+1){background-color: #8cbe3b;}
.syjb5 ul li:nth-child(2n+2){background-color: #dd659d;}
.syjb5 ul li:nth-child(2n+3){background-color: #f38e2d;}
.syjb5 ul li:nth-child(2n){background-color: #5ba2d0;}
.syjb5 ul li:nth-child(4n){background-color: #5ba2d0;}
/*结束*/


/*适应疾病六*/
.syjb6 ul{overflow: hidden;}
.syjb6 ul li{
    float:left;
    width: 30%;
    margin-right: 4.8%;
    border-radius: 50%;
    padding: 2rem;
    color: #fff;
    line-height: 3rem;
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 3rem;
    background-color: #0071bc;
    box-shadow: 0px 10px 1px rgb(0 0 0 / 9%);
}
.syjb6 ul li .jbtitle{font-size: 1.2rem; padding: 2rem;color: #fff;text-align: center;}
.syjb6 ul li .tmbg{position: relative;z-index: 1;background-color: #0071bc;opacity: 0.7;padding: 5rem 2rem;  border-radius: 50%;}
.syjb6 ul li .tmbg i{font-weight: 800;}
.syjb6 ul li .tmtitle{position: relative;z-index: 3;}
.syjb6 ul li:last-child{margin-right:0}
/*.syjb6 ul li:nth-child(odd) {background-color: #0a6bc9;}
.syjb6 ul li:nth-child(even) {background-color: #c90a0abf;}*/
.syjb6 ul li:nth-child(2n+1){background-color: #8cbe3b;}
.syjb6 ul li:nth-child(2n+2){background-color: #dd659d;}
.syjb6 ul li:nth-child(2n+3){background-color: #f38e2d;}
.syjb6 ul li:nth-child(2n){background-color: #5ba2d0;}
.syjb6 ul li:nth-child(4n){background-color: #5ba2d0;}
/*结束*/

.syjb ul li p{}

.syjb_title{background-color: #0082c6;font-size: 1.8rem;text-align: center;line-height: 2rem;padding: 1rem;color: #fff;font-weight: 600;}
.syjb_content{font-size: 1.2rem;line-height: 2rem;margin-top:2rem;margin-bottom: 2rem;color: #8b8b8b;}

/*end*/
.margin-top{margin-top:80px;}

/*通用案例展示*/
.tycase{overflow: hidden;}
.tycase ul{}
.tycase ul li{float:left; width: 13%;margin-right:1%;height: 10rem;overflow: hidden;margin-bottom: 1%;}
.tycase ul li img{width: 100%;height:100%;overflow: hidden;display: grid;max-height: 10rem;}
/*感觉统合训练*/
.gjth{color: #662d8f;}
.gjth_border{border:1px solid #662d8f;}
.yellow_border{border:1px solid #fea330;}
.gjth_radius{border-radius: 5px;}
.gjth_line{width:60px; height: 5px;background: #662d8f;margin:0 auto;}
.gjth_pic{margin-top:50px;margin-bottom: 60px;text-align:center;}
.gjth_pic img{border-radius: 5px; }
.gjth_bg{background-color: #662d8f;border-radius: 5px;}
.yellow_bg{background-color:#fea330;border-radius: 5px;}
.gjth_pt{display: block;overflow: hidden;margin-top: 50px;}
.gjth_pt ul{}
.gjth_pt ul li{float: left;width: 48%;margin-right: 4%;}
.gjth_pt ul li:last-child{margin-right: 0;}
.gjth_pt ul li img{border-radius: 15px;width: 100%;}

/*三张配图*/
.gjth_pt3{display: block;overflow: hidden;margin-top: 50px;}
.gjth_pt3 ul{}
.gjth_pt3 ul li{float: left;width: 32%;margin-right: 2%;}
.gjth_pt3 ul li:last-child{margin-right: 0;}
.gjth_pt3 ul li img{border-radius: 15px;width: 100%;}

.gjth_pro{overflow: hidden;}
.gjth_pro_title{background-color: #662d8f;line-height: 45px;text-align: center; color:#fff;font-size: 18px;}
.gjth_pro_l{float:left; width:60%;overflow: hidden;}
.gjth_title{border-radius: 5px;background-color: #f0f0f0;
    font-size: 14px;color:#3d3d3d;
    line-height: 2rem;
    padding:2rem 2.3rem;overflow: hidden; width: 90%; margin: 30px auto;}
.gjth_td{overflow: hidden;width: 90%; margin: 0 auto;}
.gjth_td ul{padding-left:20px;}
.gjth_td ul li{float:left;width: 50%;line-height: 2.2rem;padding-left:2rem;color:#808080;margin-bottom: 1.5rem;}
.gjth_td ul li span{display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    background: #662d8f;
    margin-right: 1rem;}
.gjth_td  .list-paddingleft-2 li::marker{color:#662d8f}    
.gjth_pro_r{float:right; width:40%;overflow: hidden;}
.gjth_img{border-left:1px dashed #662d8f; height: auto;margin:30px auto;text-align: center;}
.gjth_pro_r img{display: inline-block; width: 60%; height: auto;}
.gjth_case{overflow: hidden;}
.gjth_case ul{}
.gjth_case ul li{float: left;width:22%;margin-right:4%;margin-bottom: 4%;}
.gjth_case ul li:nth-child(4n){margin-right: 0;}
.gjth_case ul li .gjth_table{text-align: center;}
.gjth_case ul li p{line-height:1.5rem;color: #a9a9a9;padding-top:20px;height:70px;}
.gjth_table img{width:200px;height: 200px; display:inline-block;}
.gjth_case ul li .case_title{background-color:#662d8f;color: #fff;text-align: center;line-height: 40px;}

/*心理健康解决方案*/
.xinli{color:#0fb7ab;}
.xinli_bg{background-color: #0fb7ab;}
.xinli_border{border:1px solid #0fb7ab}
.xinli_radius{border-radius: 15px;}
.xinli_content{margin-top: 50px;}
.xinli_ks_line{
    height:36px;
    margin-top:40px;
    line-height: 36px;
    font-size: 1.8rem;
    font-weight: 600;
    text-align:center;
    position:relative;
    color: #0fb7ab;
}
.xinli_ks_line div:before,.xinli_ks_line div:after
    {
        position:absolute;
        background:#0fb7ab;
        content:"";
        height:1px;
        top:50%;
        width:420px;
    } 
.gjth_ks_line{
    height:36px;
    line-height: 36px;
    font-size: 1.8rem;
    font-weight: 600;
    text-align:center;
    position:relative;
    color: #0fb7ab;
}    
.gjth_ks_line div:before,.gjth_ks_line div:after
    {
        position:absolute;
        background:#0171bb;
        content:"";
        height:1px;
        top:50%;
        width:420px;
    }     
 
.gjth_ks_line div:before{left:10px;}
.gjth_ks_line div:after{right:10px;}  
    
.xinli_ks_line div:before{left:10px;}
.xinli_ks_line div:after{right:10px;}  
.xinli_content dl{}
.xinli_content dl dt{display: inline-block;float: left;}
.xinli_content dl dt .ico1{
    background: url("../images/xinli_01.jpg") center  no-repeat;
    background-size:60% 80%;
    -moz-background-size:60% 80%;
    -webkit-background-size: 70% 80%;
    -o-background-size:60%;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align:  center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.xinli_content dl dt .ico2{
    background: url("../images/xinli_02.jpg") center  no-repeat;
    background-size:60% 80%;
    -moz-background-size:60% 80%;
    -webkit-background-size: 70% 80%;
    -o-background-size:60%;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align:  center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.xinli_content dl dt .ico3{
    background: url("../images/xinli_03.jpg") center  no-repeat;
    background-size:60% 80%;
    -moz-background-size:60% 80%;
    -webkit-background-size: 70% 80%;
    -o-background-size:60%;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align:  center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.xinli_content dl dt .ico4{
    background: url("../images/xinli_04.jpg") center  no-repeat;
    background-size:60% 80%;
    -moz-background-size:60% 80%;
    -webkit-background-size: 70% 80%;
    -o-background-size:60%;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align:  center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.xinli_content dl dt .ico5{
    background: url("../images/xinli_05.jpg") center  no-repeat;
    background-size:60% 80%;
    -moz-background-size:60% 80%;
    -webkit-background-size: 70% 80%;
    -o-background-size:60%;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align:  center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.xinli_content dl dt .ico6{
    background: url("../images/xinli_06.jpg") center  no-repeat;
    background-size:60% 80%;
    -moz-background-size:60% 80%;
    -webkit-background-size: 70% 80%;
    -o-background-size:60%;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align:  center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.xinli_content dl dt img{position:relative;z-index: 2;width:100px;}
.xinli_content dl dt em{position: relative;z-index: 4;left: -72px;top: -50px;color: #fff;font-size: 1.5rem;}
.xinli_content dl dd{display: block;
    border-top: 1px solid #f0f0f0;
    margin-left: 150px;
    padding: 20px 0px;
    line-height: 40px;
    font-size: 14px;
    color: #959595;}

/*儿童心里健康*/    
.kj{color:#0171bb;}
.kjs{color:#0171bb;}
.kj_bg{background-color: #0171bb;}
.kj_border{border:1px solid #0171bb}
.kj_line {color: #0171bb;}
.kj_line div:before,.kj_line div:after
    {
        position:absolute;
        background:#0171bb;
        content:"";
        height:1px;
        top:50%;
        width:40%;
    } 
.kj_line{
        height:36px;
        margin-top:40px;
        line-height: 36px;
        font-size: 1.8rem;
        font-weight: 600;
        text-align:center;
        position:relative;
        color: #0fb7ab;
    }

    .kj_line div:before{left:10px;}
    .kj_line div:after{right:10px;}  

/*孕产期心里健康*/

.ycq{color:#f1878b;}
.kjs{color:#f1878b;}
.ycq_bg{background-color: #f1878b;}
.ycq_border{border:1px solid #f1878b}
.ycq_line {color: #f1878b;}
.ycq_line div:before,.ycq_line div:after
    {
        position:absolute;
        background:#f1878b;
        content:"";
        height:1px;
        top:50%;
        width:40%;
    } 
.ycq_line{
        height:36px;
        margin-top:40px;
        line-height: 36px;
        font-size: 1.8rem;
        font-weight: 600;
        text-align:center;
        position:relative;
        color: #f1878b;
    }

.ycq_line div:before{left:10px;}
.ycq_line div:after{right:10px;}  
/*营养保健系列*/
.black{color: #333;}
.yybj{width: 100%;height: auto; overflow: hidden;}
.yycase_bj_line{border:1px solid #f0f0f0;border-left:none;
    line-height: 3rem;
    border-right: none;padding:.2rem 0rem;text-align: left; font-size: 1.2rem;color: #333;;}
.yycase_bj_lineblack{border:1px solid rgb(90, 90, 90);border-left:none;border-right: none;padding:.2rem 0rem;text-align: left; font-size: 1.5rem;color: rgb(92, 92, 92);;}
.yy{overflow: hidden;}
.yybj_1{}
.yybj_1 .etleft{float: left;margin-right:2.2rem;width: 52%;overflow: hidden;}
.tingtong{width: 100%;}
.tt_color{color: #0071bc;}
.tt_colors{color: #0071bc;}
.tt_bg{background: linear-gradient(to top,#fff,rgb(228 228 228 / 24%));
}
.tt_border{border: 1px solid #0071bc;}
.tt_title{font-size: 40px; font-weight: 600;color:#0071bc;line-height: normal;}
.tt_title i{display: block;font-size: 50px; font-weight: 600;}
.tt_title p{font-size: 40px;}
.tt_title b{font-size: 1.4rem;line-height: normal;font-weight: normal;
     display: inline-block;background-color: #0071bc;color: #fff;
     padding: 10px;
     position: relative;
     top:-5px;
     border-radius: 10px;}

.yy_title{font-size: 40px; font-weight: 600;color:#f1878b;line-height: normal;}
.yy_title i{display: block;font-size: 50px; font-weight: 600;}
.yy_title p{font-size: 40px;}
.yy_title b{font-size: 1.4rem;line-height: normal;font-weight: normal; display: inline-block;background-color: #0071bc;color: #fff;padding: 10px;border-radius: 10px;}

/*案例类目*/
.leimu{display:overflow}
.leimu ul{margin:10px auto;}
.leimu ul li{float:left;display:block;line-height: 4rem;text-align: center;}
.leimu ul li:a{color:#333;}
.leimu ul li .active{background-color:#cb1e1c; color:#fff;}
/*通用标题*/
.ty_biaoti{}

/*顶部背景通用代码*/
.ty{
    background: url(../images/ty_01.png) top center no-repeat;
    -moz-background-size:60% 80%;
    -webkit-background-size: 100% 100%;
    -o-background-size:60%;
    overflow: hidden;
}
.ty .tt_title{font-size: 2rem; color:#0071bc;line-height: normal;}
.ty .tt_title i{display: block;font-size: 2.45rem; font-weight: 600;}
.ty .tt_title .zhsz{font-size: 2rem; }
.ty .tt_title p{font-size: 3.3rem; font-weight: 400;}
.ty .tt_title b{font-size: 1.4rem;line-height: normal;font-weight: normal;
     display: inline-block;background-color: #0071bc;color: #fff;
     padding: 5px 10px;
     position: relative;
     top:-8px;left:10px;
     border-radius: 5px;}
     
.zybj{
        background: url(../images/zybg.jpg) top center no-repeat;
        -moz-background-size:60% 80%;
        -webkit-background-size: 100% 100%;
        -o-background-size:60%;
        overflow: hidden;
    }
    
.zybj .tt_title{font-size: 2rem; color:#f1878b;line-height: normal;}
.zybj .tt_title i{display: block;font-size: 2.6rem; font-weight: 600;}
.zybj .tt_title p{font-size: 3.3rem; font-weight: 400;}
.zybj .tt_title b{font-size: 1.4rem;line-height: normal;font-weight: normal;
         display: inline-block;background-color:#603813;color: #fff;
         padding: 5px 10px;
         position: relative;
         top:-8px;left:10px;
         border-radius: 5px;}   
         
    
.tyyy{
        background: url(../images/yybg_01.png) top center no-repeat;
        -moz-background-size:60% 80%;
        -webkit-background-size: 100% 100%;
        -o-background-size:60%;
        overflow: hidden;
    }
.tyyy .tt_title{font-size: 2rem; color:#f1878b;line-height: normal;}
.tyyy .tt_title i{display: block;font-size: 2.1rem; font-weight: 600;}
.tyyy .tt_title p{font-size: 3.3rem; font-weight: 400;}
.tyyy .tt_title b{font-size: 1.4rem;line-height: normal;font-weight: normal;
         display: inline-block;background-color: #f1878b;color: #fff;
         padding: 5px 10px;
         position: relative;
         top:-8px;left:10px;
         border-radius: 5px;}

.yytt_td{
            border-top: 1px solid #bebcbc;
            margin-top:2rem;
            border-bottom: 1px solid #b9b9b9;
            line-height: 3rem;
            letter-spacing: .8rem;
            padding-left: 1rem;
            display: inline-block;
            }


.tt_td{
    border-top: 1px solid #bebcbc;
    margin-top:2rem;
    border-bottom: 1px solid #b9b9b9;
    line-height: 3rem;
    letter-spacing: 1rem;
    padding-left: 1rem;
    display: inline-block;
    }
.tt_mcontent{
    margin-top: 3rem;
    overflow: hidden;
}
.tt_mcontent_left{width: 20%;float: left;} 
.tt_mcontent_left ul{} 
.tt_mcontent_left ul li{width: 100%;text-align: center;margin-bottom: 2rem;padding-top: 1rem;}  
.tt_mcontent_left ul li img{width: 70%;}
.tt_mcontent_left ul li p{font-size: 1.2rem;line-height: 1.5rem;padding-top:.2rem;color: #f1878b;}
.tt_mcontent_right{float:right; width: 80%;text-align: right;} 


.zytt_mcontent{
    margin-top: 3rem;
    overflow: hidden;
}
.zytt_mcontent_left{width: 20%;float: left;} 
.zytt_mcontent_left ul{padding-top:3rem;} 
.zytt_mcontent_left ul li{width: 100%;text-align: center;margin-bottom: 2rem;padding-top: 1rem;}  
.zytt_mcontent_left ul li img{width: 70%;}
.zytt_mcontent_left ul li p{font-size: 1.2rem;line-height: 1.5rem;padding-top:.2rem;color:#603813;}
.zytt_mcontent_right{float:right; width: 80%;text-align: right;} 
.zytt_mtd{padding-top:10rem}

.tt_mtd{padding-top:10rem}
.yy_head{padding-left:10%;overflow: hidden;padding-top:10rem;}
.tt_head1{padding-left:10%;overflow: hidden;position: relative;top:-25px;}
.tt_head1 ul{}
.tt_head1 ul li{width: 30%; float: left;text-align: center;}
.tt_head1 ul li img{width: 40%;}
.tt_head1 ul li .head_title{font-size: 1.2rem;font-weight: 600;padding-top: .5rem;}
.tt_head1 ul li .head_line{width:15px; height: 2px;background-color: #0a51bc;margin:.8rem auto;}
.tt_head1 ul li p{padding-bottom:.5rem;}

.ebcase_xm_content .list-paddingleft-2{color: #88c440;padding-left: 15px;}
.ebcase_xm_content .list-paddingleft-2 li{
    font-size: 1.2rem;
    padding-left: 15px;
}


/*企业色*/
.firstRow{}
.firstRow td{text-align: center; border:1px solid #dddddd; vertical-align: middle;}
.firstRow .et3{text-align:left;line-height:35px; padding-left:20px;}
.firstRow .list-paddingleft-2{color:black;padding-left:20px;}
.firstRow .list-paddingleft-2 li{text-align: left;}
.firstRow .list-paddingleft-2 li::marker{color:burlywood;}
.list-paddingleft-2{color: red;}
.list-paddingleft-2 li{list-style: square;margin: 0;padding-left: 20px;list-style-type: square;display: list-item;line-height: 3rem;}
.list-paddingleft-2 li::marker {
    content: '█';
    width: 20px;
    height: 20px;
  }
.qys_lc{background-color: #f0f0f0;overflow: hidden;}
.qys .list-paddingleft-2{color: white;}
.qys_title{font-size: 40px; font-weight: 600;color:#133c44;line-height: normal;}
.qys_title i{display: block;font-size: 45px; font-weight: 600;}
.qys_title p{font-size: 40px;}
.qys_title b{font-size: 1.4rem;line-height: normal;font-weight: normal; display: inline-block;
    background-color: #d81619;color: #fff;padding: 10px 15px;position: relative;
    top: -5px;left:20px;border-radius: 10px;}
.qys_ks{overflow: hidden;}
.qys_ks_line{
    height:36px;
    margin-top:40px;
    line-height: 36px;
    font-size: 1.8rem;
    font-weight: 600;
    text-align:center;
    position:relative;
    color: #133c44;
}
.qys_ks_line div:before,.qys_ks_line div:after
    {
        position:absolute;
        background:#133c44;
        content:"";
        height:1px;
        top:50%;
        width:420px;
    } 
.qys_ks_line div:before{left:10px;}
.qys_ks_line div:after{right:10px;}  
.qys_ks_content{overflow: hidden;text-align: center;margin-top:40px;}
.qys_ks_content img{text-align: center;width: 80%;}
.qys_ks_contents{padding: 10px 10px 10px 20px;line-height:2.5rem;}
.qys_ks_contents .list-paddingleft-2 li::marker {
    content: "█";
    width: 20px;
    height: 20px;
}{}
.qys_ks_contents p{
    display: list-item;
    padding-left: 1rem;
   }
 .qys_ks_contents p::marker{
   padding-left:20px;
   content: '●';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    color: red;
   }  
.qys_border{border: 1px solid  #133c44;}
.qys_ys_line {
    width: 50px;
    margin: 30px auto 0px auto;
    height: 4px;
    background-color: #133c44;
}
.qys_color {
    color: #133c44;
}
.qys_bj_bt{line-height: 36px;margin-top:50px;}
.qys_bj_border{border: 1px solid #133c44; width: 220px;margin: 0 auto;height: 50px;position: relative;}
.qys_bj_div{
    position: relative; 
    top: -30px;
    font-size: 2.2rem; 
    font-weight: 600; 
    text-align: center; 
    color: #133c44;
    width: 160px;
    margin: 0 auto; background: #fff;}

.qyscase_bj_border{border: 1px solid #133c44; width: 220px;margin: 0 auto;height: 50px;position: relative;}    
.qyscase_bj_div{
            position: relative; 
            top: -30px;
            font-size: 2rem; 
            font-weight: 600; 
            text-align: center; 
            color: #133c44;
            width: 160px;
            margin: 0 auto; }    
.qys_ys{background: #fff;overflow:hidden;}
.qys_ys_content{overflow: hidden;line-height: 0;background: #f0f0f0;}
.qys_ys_content_left{width: 55%;float:left;background-color: #f0f0f0;padding:40px 30px 40px 60px;border-radius:10px;}
.qys_ys_content_left p{line-height: 3rem;color: #666666;}
.qys_ys_content_right{width: 40%;float:right;text-align: right;}

.qys_lc{background-color: #f0f0f0;overflow: hidden;}
.qys_lc_content{overflow: hidden;background: #163e46;line-height: 0;}
.qys_lc_content_left{float:left;width:50%;}
.qys_lc_content_left div{padding:3rem;}
.qys_lc_content_left div p{line-height: 45px;color: #fff;font-size: 16px; padding-left: 10px;}
.qys_lc_content_left div span{display: inline-block;width: 10px;height: 10px;vertical-align: middle;background: #fff;margin-right:1rem;}
.qys_lc_content_right{float:right;width:50%;text-align: right;}


/*.qys_lcs{background-color: #f0f0f0;overflow: hidden;}
.qys_lcs_content{overflow: hidden;background: #163e46;line-height: 0;}
.qys_lcs_content_left{float:left;width:60%;}
.qys ul{padding-left: 80px;padding-top:50px;padding-right:80px;}
.qys_lcs_content_left div{}
.qys_lcs_content_left div p{line-height: 45px;color: #fff;font-size: 16px;}
.qys_lcs_content_right{float:right;width: 40%;text-align: right;}
.qys_lcs_content_right img{width:108%;background: #fff;}
*/

.qys_lcs{background-color: #f0f0f0;overflow: hidden;}
.qys_lcs_content{overflow: hidden;background: #163e46;line-height: 0;}
.qys_lcs_content_left{float:left;width:60%;}
.qys_lcs_content_left ul{padding:3rem 2rem;}
.qys_lcs_content_left .list-paddingleft-2{padding-left:4rem;color:#fff;}
.qys ul{padding-left: 80px;padding-top:50px;padding-right:80px;padding-bottom: 60px;}
.qys_lcs_content_left div{}
.qys_lcs_content_left div p{line-height: 45px;color: #fff;font-size: 16px;}
.qys_lcs_content_right{float:right;width: 40%;text-align: right;position: relative;}
.qys_lcs_content_right img{overflow: hidden;width:108%;background: #fff;max-height: 610px;object-fit: cover;}


.yy_title i{display: block;font-size: 50px; font-weight: 600;}
.yy_subtitle{border-bottom: 1px solid #f0f0f0;border-top:1px solid #f0f0f0; line-height: 3rem;letter-spacing: 1.65rem;padding-left:1rem}
.yy_line{height: 5px;border-bottom:2px solid #f0f0f0;}
.pad_top1{padding-top:4.25rem;}
.pad_top{padding-top:2.25rem;}
.yy_content{line-height: 25px;display: block;} 
.yy_content img{float: left; padding-bottom:2rem;}
.yy_content .right_content{float: right;width: 55%;}
.right_img{width: 100%;vertical-align: text-bottom;}
.right_content p{font-size: medium;}
.yy_content p{ line-height: 3rem;color: #343434;}

.yy_advtange ul{}
.yy_advtange ul li{
    float:left; width: 20%; background: url(../images/yy_06.png) center no-repeat;
    height: 96px;line-height: 96px;text-align: center;
    font-weight: 600;
    color: #f1878b;
}
.yy_advtange ul li p{text-align: center; vertical-align:middle;}
.yybj_1 .etright{float: right;width: 45%;text-align: right;overflow: hidden;}

.yy_bj_bt{line-height: 36px;margin-top:50px;}
.yy_bj_border{border: 1px solid #f1878b; width: 220px;margin: 0 auto;height: 50px;position: relative;}
.yy_bj_div{
    position: relative; 
    top: -30px;
    font-size: 2.2rem; 
    font-weight: 600; 
    text-align: center; 
    color: #f1878b;
    width: 160px;
    margin: 0 auto; background: #fff;}
.yy_pic{margin-top:40px;overflow: hidden;}
.yy_pic ul{}
.yy_pic ul li{width:32.6%;float: left;margin-right:1%;}
.yy_pic ul li:last-child{margin-right:0;}

.yy_ks{margin-top:80px;overflow: hidden;}
.yy_ks_line{
    height:36px;
    margin-top:40px;
    line-height: 36px;
    font-size: 1.8rem;
    font-weight: 600;
    text-align:center;
    position:relative;
    color: #f1878b;
}
.yy_ks_line div:before,.yy_ks_line div:after
    {
        position:absolute;
        background:#f1878b;
        content:"";
        height:1px;
        top:50%;
        width:420px;
    } 
.yy_ks_line div:before{left:10px;}
.yy_ks_line div:after{right:10px;}  
.yy_ks_content{overflow: hidden;text-align: center;margin-top:40px;}
.yy_ks_content img{text-align: center;width: 80%;}


.yy_lc{background-color: #f0f0f0;overflow: hidden;}
.yy_lc_content{overflow: hidden;background: #f29094;line-height: 0;}
.yy_lc_content_left{float:left;width:50%;background-color: #f29094;}
.yy_lc_content_left div{padding:3rem;}
.yy_lc_content_left div p{line-height: 3rem;color: #fff;font-size: 16px; padding-left: 15px;}
.yy_lc_content_left div span{display: inline-block;width: 10px;height: 10px;vertical-align: middle;background: #fff;margin-right:1rem;}
.yy_lc_content_right{float:right;width:50%;text-align: right;}

.tt_lc_content{overflow: hidden;line-height: 0;}
.tt_lc_content_left{float:left;width:50%;}
.tt_lc_content_left div{padding:3rem;}
.tt_lc_content_left div p{line-height: 45px;color: #767676;font-size: 14px;}
.tt_lc_content_left div span{display: inline-block;width: 10px;height: 10px;vertical-align: middle;background: #0071bc;margin-right:1rem;}
.tt_lc_content_right{float:right;width: 50%;text-align: right;}
.tt_lc_content_right img{ width:50%; vertical-align: middle;}



.yy_ys{background: #fff;overflow:hidden;}
.yy_ys_content{overflow: hidden;}
.yy_ys_content_left{width:40%;float:left;margin-top:25px;background-color: #f0f0f0;}
.yy_ys_content_left p{padding:43px;line-height: 3rem;color: #666666;}
.yy_ys_content_right{width:58%;float:right;text-align: right;}
.yy_ys_content_right img{width: 80%;}

.tt_ys{background: #e8f7fd;overflow:hidden;}
.tt_ys_content{overflow: hidden;background: #0071bc;line-height: 0;}
.tt_ys_content_left{width:60%;float:left;background-color:#0071bc;}
.tt_ys_content_left p{padding: 3.2rem;line-height: 3.5rem;color: #fff;font-size: 1.2rem;}
.tt_ys_content_right{width:40%;float:right;text-align: right;}

.tt_ys_title{color: #000;text-align: center;font-size: 1.6rem;font-weight: 600;}
.tt_ys_line{width:50px; margin: 30px auto 0px auto;height: 4px; background-color: #0071bc;}
.tt_content{border-radius: 10px;background-color: #fafafa;padding: 3.5rem 5rem;line-height: 3.2rem;}
.tt_content .list-paddingleft-2{padding-left:1rem;}
.tt_contents{border-radius: 10px;background-color: #fafafa;padding: 3.5rem 5rem;line-height: 3.2rem;overflow:hidden;}
.tt_contents li{float:left; width:50%;}
.tt_contents .list-paddingleft-2{color:#333;}

.yy_td{background: url(../images/tdbg.png) top center no-repeat;overflow: hidden;}
.yy_td_ms{margin-top:40px;margin-bottom: 50px;}
.yy_td_ms ul{}
.yy_td_ms ul li{float: left;width:24%;margin-right:1.2%;border-radius: 5px;background-color: rgb(255 255 255 / 38%);text-align: center;padding: 40px;margin-bottom:2%;;}
.yy_td_ms ul li img{width: 30%;display: inline-block;text-align: center;}
.yy_td_ms ul li p{padding:10px;font-size: 16px;line-height: 30px;}
.yy_td_ms ul li:nth-child(4n){margin-right:0;}


/*产品特点样式二*/
.yy_td2{background: url(../images/tdbg.png) top center no-repeat;overflow: hidden;}
.yy_td_ms2{margin-top:40px;margin-bottom: 50px;}
.yy_td_ms2 ul{}
.yy_td_ms2 ul li{float: left;width:18%;margin-right:2.5%;border-radius: 5px;background-color: rgb(255 255 255 / 38%);text-align: center;padding: 40px;margin-bottom:2%;;}
.yy_td_ms2 ul li img{width: 50%;display: inline-block;text-align: center;}
.yy_td_ms2 ul li p{padding:10px;font-size: 16px;line-height: 30px;}
.yy_td_ms2 ul li:nth-child(5n){margin-right:0;}

/*母乳检测临床意义*/

.muru_td{background: url(../images/tdbg.png) center no-repeat;overflow: hidden;}
.muru_td_ms{margin-top:40px;margin-bottom: 50px;overflow:hidden;}
.muru_td_ms ul{}
.muru_td_ms ul li{float: left;width:32%;margin-right:1.2%;border-radius: 5px;background-color: rgb(204 213 214 / 61%);text-align: center;padding: 40px;margin-bottom: 3%;;}
.muru_td_ms ul li img{width: 30%;display: inline-block;text-align: center;}
.muru_td_ms ul li p{padding:10px;font-size: 16px;line-height: 30px;}
.muru_td_ms ul li:nth-child(3n){margin-right:0;}

/*母乳检测临床意义样式二*/

.muru_td2{background: url(../images/tdbgs.png) center no-repeat;overflow: hidden;}
.muru_td_ms2{margin-top:40px;margin-bottom: 50px;}
.muru_td_ms2 ul{}
.muru_td_ms2 ul li{float: left;width:32%;margin-right:1.2%;border-radius: 5px;background-color: rgb(237, 241, 241,0.5);text-align: center;padding: 40px;margin-bottom: 3%;;}
.muru_td_ms2 ul li img{width: 30%;display: table-cell;text-align: center;float: left;}
.muru_td_ms2 ul li p{padding: 10px 20px;font-size: 16px;line-height: 30px;display: table-cell;text-align:  left;}
.muru_td_ms2 ul li:nth-child(3n){margin-right:0;}


/*母乳检测临床意义样式三*/
.muru_td{background: url(../images/tdbg.png) center no-repeat;overflow: hidden;}
.muru_td_ms3{margin-top:40px;margin-bottom: 50px;overflow:hidden;}
.muru_td_ms3 ul{}
.muru_td_ms3 ul li{float: left;width:20%;border-radius: 5px;text-align: center;padding: 40px;margin-bottom: 3%;;}
.muru_td_ms3 ul li img{width: 80%;display: inline-block;text-align: center;}
.muru_td_ms3 ul li p{padding:10px;font-size: 16px;line-height: 30px;}
.muru_td_ms3 ul li:nth-child(5n){margin-right:0;}


/*母乳检测临床意义样式四*/
.muru_td4{background: url(../images/tdbg.png) center no-repeat;overflow: hidden;}
.muru_td_ms4{margin-top:40px;margin-bottom: 50px;overflow:hidden;}
.muru_td_ms4 ul{}
.muru_td_ms4 ul li{float: left;width: 14.5%;margin-right: 2.5%;border-radius: 5px;text-align: center;margin-bottom: 3%;}
.muru_td_ms4 ul li img{width: 50%;display: inline-block;text-align: center;}
.muru_td_ms4 ul li p{padding:10px;font-size: 16px;line-height: 30px;}
.muru_td_ms4 ul li:last-child{margin-right:0;}

/*母乳检测临床意义样式五*/
.muru_td5{background: url(../images/tdbg.png) center no-repeat;overflow: hidden;}
.muru_td_ms5{margin-top:40px;margin-bottom: 50px;overflow:hidden;}
.muru_td_ms5 ul{}
.muru_td_ms5 ul li{float: left;width: 20%;border-radius: 5px;text-align: center;margin-bottom: 3%;}
.muru_td_ms5 ul li img{width: 50%;display: inline-block;text-align: center;}
.muru_td_ms5 ul li p{padding:10px;font-size: 16px;line-height: 30px;}
.muru_td_ms5 ul li:last-child{margin-right:0;}


.yy_jclc{overflow: hidden;}
.yy_jclc_content img{width: 100%;height: auto;}
.yy_jclc_contents ul{/* padding-top:3rem; */}
.yy_jclc_contents ul li{line-height: 5rem;text-align:left;padding-left:2rem;background-color: #9daeb17a;margin-bottom: 2rem;font-size: 1.1rem;border-radius: 10px;color:#fff;}

.yy_jclc_contents ul li:nth-child(odd) {background-color: #163d45a6;}
.yy_jclc_contents ul li:nth-child(even) {background-color: #c90a0abf;}


.yy_case{background-color: #f9f8f8; overflow: hidden;}
.yy_case_content{}
.yy_case_content_left{width: 50%;float:left;font-size: 20px;}
.yy_case_content_left .yy_case_title div span {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: #f1878b;
    margin-right: 1rem;
}
.yy_case_content img{margin-top:30px;}
.yy_case_content_right{width:40%;float:right; font-size: 20px;}
.yy_case_content_right .yy_case_title div span {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: #f1878b;
    margin-right: 1rem;
}

.yy_clb{background: url(../images/tdbg.png) center no-repeat; overflow: hidden;}
.yy_clb_title{font-size: 1.5rem; color: #fff;}
.yy_clb_title div span {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: #fff;
    margin-right: 1rem;
    font-size: 2rem;
}

.yy_clb_content{}

.yy_yyfw{background: linear-gradient(to bottom,#fff,rgb(228 228 228 / 34%));overflow:hidden;}
.tt_yyfw{background:#edf6fc}

.n_ertong_2{background-color: #f8f8f8;width: 100%;height: 600px;display: block;overflow: hidden;}
.n_ertong_2 .ny2{overflow: hidden;}
.ny2_left{float:left; width: 30%;}
.ny_title{font-size: 30px; font-weight: 600;}
.ny_line{width: 80px; height: 3px;background-color: #1c5ab7;margin-top:20px;}
.ny_content{line-height:2.5rem; color: #333;font-size: 16px;}
.ny2_right{float: right;}
.ny3{overflow: hidden;}
.ny3_left{float:left;}
.ny3_right{float:right; width: 50%;}
.ny4_right{float:right;}

.n_ertong_3{background-color: #fff;}
.ny3_title{
    background:url(../images/ny_20.png) center no-repeat;
     height:65px; 
     text-align: center;
     line-height: 65px; 
     font-size: 36px;
     font-weight: 600;
     color: #0a51bc;
    }
.ny3_advtange{
    background: url(../images/bg_18.png) center no-repeat;
    height: 446px;
    overflow:hidden;
    margin-top:40px;
    padding:50px 0px 10px 780px;
    list-style-type:square;
}   
.ny3_advtange p{line-height: 4rem; color: #fff;font-size: 18px;background: url(../images/adv_03.png) left no-repeat; padding-left:3rem} 
.ny3_td{background:url(../images/ny_17.png) center no-repeat;height: 903px;}
.ny3_td .ny3_td_title{width: 200px;}
.pad_td_top{padding-top:3rem;overflow: hidden;}
.pad_td_top2{padding-top:6rem;overflow: hidden;}
.pad_td_top3{padding-top:9rem;overflow: hidden;}
.pad_td_top4{padding-top:12rem;overflow: hidden;}
.ny3_td .ny3_td_title i{color:#1c5ab7; font-size:28px;}
.ny3_td .ny3_td_title p{line-height: 1.5rem;font-size: 16px;padding-top:1rem; color: rgb(85, 85, 85);}


/*end*/
/*移动端详情页*/
.wap_ertong{}
.wap{}
.wap .wap_head{ background-size: 100%  auto;overflow: hidden;}
.wap_head1{padding-top:188%;padding-left:10%;overflow: hidden;}
.wap_head1 ul{}
.wap_head1 ul li{width: 30%; float: left;text-align: center;}
.wap_head1 ul li img{width: 40%;}
.wap_head1 ul li .head_title{font-size: 1.2rem;font-weight: 600;padding-top: .5rem;}
.wap_head1 ul li .head_line{width:15px; height: 2px;background-color: #0a51bc;margin:.8rem auto;}
.wap_head1 ul li p{padding-bottom:.5rem;}
.wap_title{font-size:3rem;font-weight: 600;}
.wap_entitle{font-size: 1.5rem;color:#9e9e9e;border-top:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8;padding:1rem 0rem;margin-top:.5rem;}
.wap_content{line-height: 2.5rem; color: #8a8989;margin-top:2rem;}
.wap_img{text-align: center;margin-top:.6rem;}
.wap_td{margin-top:3rem;}
.wap_td ul{}
.wap_td ul li{
    background: url(../images/ny_06.png) center no-repeat;
    line-height: 65px;
    background-size: 100% 100%;
    text-align: center;
    float:left;
    width: 20%;
    color: #0a6bc9;
    background-size: 60% 80%;
    -moz-background-size:60% 80%;
    -webkit-background-size: 70% 80%;
    -o-background-size:60%;
    font-weight: 600;
} 
.wap_td1{overflow: hidden;background: url(../images/pgbg.jpg) bottom no-repeat;}
.wap_td1 .wap_td_title{font-size: 2.2rem;padding-bottom: 2rem;border-bottom: 1px solid #fff;color: #fff;line-height: 2.8rem;}
.wap_td_title i{color: #0563c9; font-weight: 600;}
.wap_td_title em{font-weight: normal;font-size: 1.8rem;}
.wap_td1 .wap_title01{font-size:2rem;font-weight: 600;color: #fff;}
.wap_td1 .wap_line{width: 60px;height: 4px;background-color: #014085;margin-top:1rem;}
.wap_td1 .wap_td_content{line-height: 1rem;color:#fff;padding:2rem 0rem;font-size:1.1rem;}

.wap_td2{background-color: #014085;overflow: hidden;}
.wap_td2 .wap_td2_content{background-color: #0f152540;}
.wap_td2 .wap_td2_content ul{padding:2rem;}
.wap_td2 .wap_td2_content ul li{border-bottom:1px solid #164f90;color:#fff;line-height: 2.5rem;}
.wap_td2 .wap_td2_content ul li:last-child{border-bottom: none;}    
.wap_td2 .wap_td2_content ul li img{float:right;padding-top:1.6rem;}


.wap_td3{}
.wap_td3 .wap_td3_title{font-size:1.5rem;}
.wap_td3 .wap_td3_line{width:6rem;height: .3rem;background: #0082c6;}
.wap_td3 .wap_td3_content{background: url(../images/bg_07.png) top no-repeat; background-size: 100% auto; overflow: hidden;}
.wap_td3 .wap_td3_tdcontent{width:7rem;}
.wap_td3_content .wap_td3_content_title{font-size: 1.1rem;color: #0a51bc;}
.wap_td3_content .wap_td3_content_content{font-size:.6rem;line-height: 1.5rem;}